/* ============================================================
   HI Lynn — Color Tokens
   Coastal · celestial · sunrise-warm. Five brand hues from the
   brand board, expanded into harmonious tints/shades, plus a
   warm-neutral ink scale and semantic aliases.
   ============================================================ */

:root {
  /* --- Brand seeds (verbatim from brand board) --- */
  --peach: #F7B289;        /* primary — sunrise coral   */
  --peach-light: #FFD7B3;  /* soft glow                 */
  --gold: #D4A260;         /* amber / celestial detail  */
  --tide: #A8C1C7;         /* dusty blue · ocean line    */
  --cream: #F8F4EF;        /* page ground               */

  /* --- Peach / coral scale --- */
  --peach-50:  #FEF4EC;
  --peach-100: #FDE7D6;
  --peach-200: #FBD4B7;
  --peach-300: #F9C19C;
  --peach-400: #F7B289;   /* = --peach */
  --peach-500: #F09C6C;
  --peach-600: #E0824C;
  --peach-700: #C26637;
  --peach-800: #97502D;
  --peach-900: #6E3B23;

  /* --- Gold / amber scale --- */
  --gold-50:  #FBF3E4;
  --gold-100: #F4E2C2;
  --gold-200: #E8CB97;
  --gold-300: #DDB778;
  --gold-400: #D4A260;   /* = --gold */
  --gold-500: #C28C45;
  --gold-600: #A4742F;
  --gold-700: #835C25;
  --gold-800: #61441D;
  --gold-900: #432F15;

  /* --- Tide / dusty-blue scale --- */
  --tide-50:  #F1F5F6;
  --tide-100: #E1EAEC;
  --tide-200: #CBD9DD;
  --tide-300: #B6CACE;
  --tide-400: #A8C1C7;   /* = --tide */
  --tide-500: #8AA9B1;
  --tide-600: #6C8B94;
  --tide-700: #557079;
  --tide-800: #3F535A;
  --tide-900: #2C3A3F;

  /* --- Warm neutral / ink scale (sand → driftwood) --- */
  --sand-50:  #FCFAF7;   /* lifted surface          */
  --sand-100: #F8F4EF;   /* = --cream, page ground  */
  --sand-200: #EFE8DF;   /* hairline / divider      */
  --sand-300: #E3D9CC;   /* border                  */
  --sand-400: #CDBFAE;   /* muted line              */
  --ink-300: #A99884;    /* faint text              */
  --ink-400: #8A7B6B;    /* muted text              */
  --ink-500: #6E6051;    /* secondary text          */
  --ink-600: #574B3E;    /* body text               */
  --ink-700: #43392F;    /* headings                */
  --ink-900: #2E2620;    /* deepest                 */

  /* --- Pure values --- */
  --white: #FFFFFF;

  /* ===========================================================
     SEMANTIC ALIASES
     =========================================================== */

  /* Surfaces & ground */
  --bg: var(--cream);
  --bg-soft: #FBF8F3;
  --surface: var(--white);
  --surface-raised: var(--sand-50);
  --surface-sunken: var(--peach-50);
  --overlay: rgba(46, 38, 32, 0.32);

  /* Text */
  --text-heading: var(--ink-700);
  --text-body: var(--ink-600);
  --text-muted: var(--ink-400);
  --text-faint: var(--ink-300);
  --text-on-accent: #FFFFFF;
  --text-on-warm: var(--peach-900);
  --text-link: var(--peach-700);

  /* Accents */
  --accent: var(--peach-400);
  --accent-strong: var(--peach-600);
  --accent-gold: var(--gold-400);
  --accent-tide: var(--tide-400);

  /* Lines & borders */
  --border: var(--sand-300);
  --border-soft: var(--sand-200);
  --border-strong: var(--sand-400);
  --ring: var(--peach-300);

  /* Status (kept within the warm/coastal family) */
  --success: #7FA67A;
  --success-bg: #EDF3EB;
  --warning: var(--gold-500);
  --warning-bg: var(--gold-50);
  --danger: #C9695A;
  --danger-bg: #F8ECE8;
  --info: var(--tide-600);
  --info-bg: var(--tide-50);

  /* Signature gradients — sunrise over tide */
  --grad-sunrise: linear-gradient(180deg, #FFE7CE 0%, #F7B289 52%, #EC9568 100%); /* @kind color */
  --grad-dawn: linear-gradient(135deg, #FFD7B3 0%, #F7B289 45%, #A8C1C7 100%); /* @kind color */
  --grad-veil: linear-gradient(180deg, rgba(248,244,239,0) 0%, var(--cream) 88%); /* @kind color */
}