/* ============================================================
   10of10 · Color tokens
   A warm, editorial luxury palette: deep teal + champagne gold on
   warm cream paper. Reconciled from the marketing site and the
   in-product Atelier surfaces. Base ramps first, semantic aliases
   below — always reach for the semantic name in product code.
   ============================================================ */
:root {
  /* ---------- INK · warm near-blacks & greys ---------- */
  --ink-900: #1C1611;   /* deepest — Atelier headings, footer */
  --ink-850: #14110D;   /* footer gradient top */
  --ink-800: #1C1917;   /* marketing primary ink */
  --ink-750: #1C2725;   /* product body text (cool ink) */
  --ink-700: #3A332B;   /* ink-soft, body copy */
  --ink-650: #3A322A;   /* atelier body copy */
  --ink-600: #4A4138;   /* lead paragraph ink */
  --ink-500: #52605C;   /* muted label */
  --ink-450: #6E7D7A;   /* muted (cool) — product secondary */
  --ink-400: #8A7E6F;   /* muted (warm) — captions, hints */
  --ink-300: #A99C8E;   /* faint — eyebrow on dark cards, skeletons */
  --ink-200: #C9BDAD;   /* hairline text on cream */

  /* ---------- TEAL · primary brand ---------- */
  --teal-900: #052F31;  /* darkest — gradient feet, hovers */
  --teal-800: #073C43;  /* deep panel base */
  --teal-700: #08484B;  /* dark CTA */
  --teal-600: #0A4C54;  /* PRIMARY teal — brand anchor */
  --teal-550: #0E5A63;  /* button gradient top */
  --teal-500: #166A75;  /* light teal — hovers, links */
  --teal-450: #12606B;  /* b2b radial mid */

  /* ---------- GOLD · champagne accent ---------- */
  --gold-700: #9A7A33;  /* gold-text — AA-safe gold on cream */
  --gold-600: #C5A059;  /* signature gold */
  --gold-550: #B48F48;  /* gold hover */
  --gold-500: #DFBA73;  /* champagne */
  --gold-450: #E9CB8B;  /* light champagne (tag gradient) */
  --gold-400: #EAD09A;  /* pale gold (button gradient) */
  --gold-300: #D9B679;  /* numeral gold (on dark) */
  --gold-200: #F4EAD4;  /* champ-light wash */
  --gold-100: #F5EAD6;  /* wallet card wash */

  /* ---------- CREAM · warm paper surfaces ---------- */
  --cream-100: #FFFEFB;  /* card face top */
  --cream-150: #FFFBF5;  /* card face bottom */
  --cream-200: #FBF7F0;  /* page bg top */
  --cream-250: #FAF8F5;  /* popup / app paper */
  --cream-300: #FAF6F0;  /* web-app paper */
  --cream-350: #F5EFEB;  /* warm inset panel */
  --cream-400: #F4ECE3;  /* page bg bottom · Atelier base */
  --cream-500: #EFE5DB;  /* deep cream — Atelier dock fade */
  --cream-600: #EDE4DA;  /* placeholder weave dark */

  /* ---------- EXPERT ACCENTS · per-persona (the AI team) ---------- */
  --expert-stylist:      #C8553D;   /* Ника · terracotta */
  --expert-stylist-soft: rgba(200,85,61,.12);
  --expert-colorist:      #2E5BD6;  /* Марк · cobalt */
  --expert-colorist-soft: rgba(46,91,214,.12);
  --expert-tailor:       #4E7035;   /* Лев · olive */
  --expert-tailor-soft:  rgba(78,112,53,.14);
  --expert-shopper:      #D2922A;   /* Антон · amber */
  --expert-shopper-soft: rgba(210,146,42,.14);
  --expert-photographer:      #B5862F;  /* Крис · antique gold */
  --expert-photographer-soft: rgba(181,134,47,.14);

  /* ---------- LINES & SEMANTIC ---------- */
  --line:        rgba(28,22,17,.10);    /* default hairline */
  --line-soft:   rgba(28,22,17,.07);    /* faint inner rule */
  --line-gold:   rgba(197,160,89,.42);  /* gold hairline / ring */
  --line-on-dark:rgba(255,255,255,.08); /* rule on dark surfaces */

  --success: #C5A059;   /* confirmations read as gold, not green */
  --error:   #e74c3c;   /* destructive / empty-wallet */

  /* ============================================================
     SEMANTIC ALIASES — prefer these in product code
     ============================================================ */
  --brand:            var(--teal-600);
  --brand-hover:      var(--teal-500);
  --brand-press:      var(--teal-700);
  --accent-gold:      var(--gold-600);
  --accent-gold-text: var(--gold-700);

  --text-primary:   var(--ink-900);
  --text-body:      var(--ink-700);
  --text-muted:     var(--ink-450);
  --text-faint:     var(--ink-300);
  --text-on-brand:  var(--cream-200);
  --text-on-dark:   #F4ECE3;

  --surface-page:   var(--cream-200);
  --surface-card:   var(--cream-100);
  --surface-inset:  var(--cream-400);
  --surface-warm:   var(--cream-350);
  --surface-dark:   var(--ink-900);

  --border-default: var(--line);
  --border-gold:    var(--line-gold);
  --focus-ring:     rgba(22,106,117,.40);
}