/* Shared Seebot palette. Component styles consume these tokens directly. */
:root {
  color-scheme: light;
  --bg: #f7f7f6;
  --panel: #ffffff;
  --panel2: #fff4ed;
  --line: #ded8d3;
  --input-line: #bcb1a9;
  --text: #292522;
  --muted: #70665f;
  --brand: #ff7a3d;
  --brand-hover: #ee692c;
  --brand-ink: #ac4317;
  --on-brand: #34170b;
  --peach: #f8d6c5;
  --peach-line: #edc4af;
  --yellow: #89600b;
  --red: #bd344b;
  --blue: #3265ad;
  --purple: #8050ac;
  --success: #33734c;
  --success-bg: #eaf4ed;
  --warning-bg: #fff6dd;
  --warning-line: #e3cb87;
  --error-bg: #fff0f2;
  --error-line: #e8b4bd;
  --purple-bg: #f2ecf8;
  --hover-bg: #fff9f5;
  --inset-bg: #f8f5f2;
  --table-heading: #faf1eb;
  --segment-bg: #f0ece8;
  --shadow: 0 6px 22px #4934240a;
  --raised-shadow: 0 12px 40px #49342420;
  --brand-shadow: 0 5px 16px #ff7a3d20;
  --backdrop: #33241c55;
  --login-peach: #efd1c2;
  --login-cream: #ffe6b5;
  --font-small: 13px;
  --font-label: 12px;
}