/* ==========================================================================
   CueVue Bonus — design tokens
   Single source of truth. Values follow CueVue System A ("the dashboard").
   Do not redeclare these in views; add new tokens here.
   ========================================================================== */
:root {
  color-scheme: light;

  /* Orange family (primary / CTA) */
  --orange: #F5821E;
  --orange-2: #FBA94C;
  --orange-deep: #E96C0F;
  --orange-strong: #D9680C;
  --orange-ink: #B5560A;
  --orange-ink-strong: #9C4A08; /* orange text on peach fills (4.9:1) */

  /* CueVue logo — sampled from assets/brand/cuevue-logo.png */
  --cuevue-red: #EF5637;
  --cuevue-ink: #0D0D0F;
  --cuevue-wordmark-indent: 19.98%; /* where "cuevue" starts after the mark, as a share of logo width */

  /* Surfaces */
  --card: #FFFFFF;
  --paper: #FBF5EC;
  --paper-2: #F4EADB;

  /* Text — --muted-ink is the only grey for readable text (4.90:1) */
  --ink: #241B12;
  --ink-2: #4C4236;
  --muted-ink: #78705F;
  --placeholder: #857C6B; /* 4.1:1 on white; was too faint to read */

  /* Hairlines */
  --line: #EDE3D3;
  --line-2: #E0D3BF;

  /* Accent trios: soft fill / mid / ink for text on the fill */
  --lav: #DFE2FC;    --lav-2: #7C84E0;    --lav-ink: #454BA0;
  --blue: #D6E7FB;   --blue-2: #5A8DDD;   --blue-ink: #2C5B9C;
  --yellow: #F8E7A0; --yellow-2: #EAB833; --yellow-ink: #7F5D10;
  --mint: #CFEEE0;   --mint-2: #2EB994;   --mint-ink: #127A5B;
  --purple: #E6DCF8; --purple-2: #9B7BE8; --purple-ink: #5E42A6;
  --peach: #FCE3CC;
  --red-soft: #FCEAE7; --red-2: #E0705F; --red-ink: #B23A2C;

  /* Radius */
  --r-pill: 999px;
  --r-lg: 26px;
  --r: 16px;
  --r2: 14px;

  /* Elevation — warm shadows, never neutral black */
  --sh: 0 22px 46px -26px rgba(90, 55, 10, .35);
  --sh-sm: 0 10px 26px -16px rgba(90, 55, 10, .30);
  --sh-cta: 0 15px 28px -10px rgba(233, 108, 15, .50);

  /* Spacing */
  --gap: clamp(10px, 1.6vw, 26px);

  /* Type */
  --font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Consolas, monospace;

  /* Motion */
  --ease: cubic-bezier(.4, 0, .2, 1);
  --rail-collapsed: 84px;
  --rail-expanded: 238px;
}