/* ──────────────────────────────────────────────────────────────────
   Toore — Color tokens
   Two-color story: Yellow Butter (warm, sun-like) + Blue (deep,
   trustworthy), on a White canvas. Base scales + semantic aliases.
   ────────────────────────────────────────────────────────────────── */

:root {
  /* ── Brand core ────────────────────────────────────────────────── */
  --toore-white:        #FFFFFF;   /* canvas */
  --toore-yellow-amber: #FFE6B3;   /* color-secondary */
  --toore-dark-blue:    #29325F;   /* main accent */
  --toore-light-blue:   #EAECF5;   /* background */
  --toore-ink:          #1C1C1C;   /* text */

  /* ── Yellow / Butter scale ─────────────────────────────────────── */
  --yellow-50:  #FFF5E1;
  --yellow-100: #FFE6B3;
  --yellow-200: #FFD582;
  --yellow-300: #FFC44F;
  --yellow-400: #FFB728;
  --yellow-500: #FFAC07;
  --yellow-600: #F5A300;
  --yellow-700: #DC9301;
  --yellow-800: #C08000;
  --yellow-900: #9D6900;
  --yellow-950: #5B3E05;

  /* ── Blue scale ────────────────────────────────────────────────── */
  --blue-50:  #EAECF5;
  --blue-100: #B7C3FF;
  --blue-200: #AFB6DA;
  --blue-300: #8F99CB;
  --blue-400: #7884BF;
  --blue-500: #606EB4;
  --blue-600: #5463AF;
  --blue-700: #4B59A0;
  --blue-800: #414E8B;
  --blue-900: #384276;
  --blue-950: #29325F;

  /* ── Semantic / foreground ─────────────────────────────────────── */
  --fg-1: #1C1C1C;          /* primary text */
  --fg-2: #565656;          /* secondary text */
  --fg-3: rgba(0,0,0,0.5);  /* tertiary, captions */
  --fg-on-dark: #FFFFFF;
  --fg-on-yellow: #1C1C1C;

  --bg-1: #FFFFFF;          /* primary canvas */
  --bg-2: #FAFAFA;          /* subtle off-white */
  --bg-3: var(--blue-50);   /* tinted surface */
  --bg-dark: var(--blue-950);
  --bg-warm: var(--yellow-100);

  /* ── Status (drawn from the warm scale — no separate red/green) ── */
  --status-warning: var(--yellow-900);   /* #9D6900 */
  --status-info:    var(--toore-dark-blue);

  /* ── Lines, borders, dividers ──────────────────────────────────── */
  --line-soft:    rgba(0,0,0,0.10);
  --line-default: rgba(0,0,0,0.30);
  --line-on-dark: rgba(255,255,255,0.18);
}