/*
 * Murdoch Consulting — Design Tokens
 * ==================================================================
 * A Seillean-family brand. Light, warm, editorial: the advisory
 * sibling. Descended from the Seillean brand book — Thistle Indigo,
 * Bee Gold and Warm Ivory, set in Cormorant Garamond + Archivo.
 *
 * Motif: the bee — the worker, the maker, patient craft.
 *
 * Usage:
 *   @import url('brand/tokens.css');
 *   body { background: var(--surface); color: var(--text); }
 */

:root {

  /* ── Seillean family palette (shared DNA) ── */
  --thistle-indigo: #201e44;   /* primary anchor + text            */
  --floret-blue:    #35327a;   /* secondary indigo                 */
  --bee-gold:       #c1922f;   /* accent                           */
  --warm-ivory:     #f4f1ea;   /* surface                          */
  --ink:            #23212f;   /* deep neutral text                */

  /* ── Indigo scale ── */
  --indigo-50:  #eceaf2;
  --indigo-100: #d3d0e0;
  --indigo-200: #a7a2c0;
  --indigo-300: #6f6a95;
  --indigo-400: #4a466f;
  --indigo-500: #35327a;
  --indigo-600: #2a2860;
  --indigo-700: #201e44;
  --indigo-800: #191830;
  --indigo-900: #121120;

  /* ── Gold scale ── */
  --gold-50:  #faf3e3;
  --gold-100: #f3e3c1;
  --gold-200: #e6c98c;
  --gold-300: #d8a94a;
  --gold-400: #c1922f;   /* Bee Gold */
  --gold-500: #a87e26;
  --gold-600: #9c7420;   /* accessible gold for text on light */
  --gold-700: #7c5c19;
  --gold-800: #5c4413;
  --gold-900: #3d2d0d;

  /* ── Surfaces (warm, layered) ── */
  --surface:          #f4f1ea;   /* page — Warm Ivory */
  --surface-raised:   #fbfaf5;   /* raised panels     */
  --surface-card:     #ffffff;   /* cards             */
  --surface-sunken:   #ece6d8;   /* wells, insets     */
  --surface-indigo:   #201e44;   /* inverted sections */

  /* ── Text ── */
  --text:           #201e44;   /* Thistle Indigo — 13.1:1 on ivory (AAA) */
  --text-secondary: #56546e;   /* muted indigo   — 6.4:1 on ivory (AA)   */
  --text-muted:     #86839a;   /* tertiary       — 3.6:1, large/labels   */
  --text-on-indigo: #f4f1ea;   /* ivory on indigo — 13.1:1 (AAA)         */
  --text-on-indigo-muted: #b9b6cc;

  /* ── Accent roles ── */
  --accent:        #c1922f;   /* Bee Gold — icons, rules, large accents */
  --accent-text:   #9c7420;   /* accessible gold text on light (4.6:1)  */
  --accent-strong: #201e44;   /* indigo for primary emphasis            */

  /* ── Borders ── */
  --border:        #ded7c6;
  --border-strong: #c9c0ab;
  --border-indigo: #35327a;

  /* ── Semantic ── */
  --success: #4a7c59;
  --warning: #c1922f;
  --error:   #a8443a;
  --info:    #35327a;

  /* ── Typography ── */
  --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body:    'Archivo', system-ui, -apple-system, sans-serif;

  /* Label style: Archivo, uppercase, wide tracking */
  --label-tracking: 0.16em;

  /* ── Spacing ── */
  --space-xs:  0.25rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;

  /* ── Radii (restrained — editorial, not tech) ── */
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-pill: 999px;

  /* ── Elevation (soft, warm-tinted) ── */
  --shadow-sm: 0 1px 2px rgba(32, 30, 68, 0.06);
  --shadow-md: 0 6px 20px rgba(32, 30, 68, 0.08);
  --shadow-lg: 0 18px 48px rgba(32, 30, 68, 0.12);

  /* ── Motion ── */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}