/* GRMH GROUP — design tokens (single source).
   v4 (2026-10-01): the Sumadhura family palette the client asked for —
   coal black, cream paper, amber. Semantic names first; the legacy
   aliases keep every chapter stylesheet working. */
:root {
  /* grounds */
  --coal: #141412;         /* dark ground */
  --coal-2: #1B1B18;       /* raised dark surface */
  --coal-3: #262622;       /* lines and hover on dark */
  --teal-deep: #12241F;    /* the one cool dark chapter */
  --cream: #F4F1E9;        /* light ground */
  --paper: #F7F4EE;        /* raised light surface */
  --paper-2: #EFEAE0;      /* second light surface */
  --paper-3: #E1DCD0;      /* lines on light */

  /* accent: amber, two intensities */
  --amber: #E8912B;        /* on coal: 8.1:1 for text, solid buttons */
  --amber-deep: #9A5A10;   /* on cream: 4.8:1 for text */
  --amber-light: #F2B566;  /* display accents and lines on coal */
  --signal: #2F7D5B;       /* reserved: confirmations */

  /* text */
  --ink: #1C1C1A;          /* body on cream */
  --ink-soft: #57544A;     /* secondary on cream */
  --cream-soft: #B9B4A6;   /* secondary on coal */
  --error: #9B2C1A;

  /* legacy aliases (chapter stylesheets): navy/ink = coal, stone/bone = cream */
  --navy: var(--coal);
  --navy-2: var(--coal-2);
  --navy-3: var(--coal-3);
  --stone: var(--cream);
  --stone-2: var(--paper-2);
  --stone-3: var(--paper-3);
  --gold-deep: var(--amber-deep);
  --gold: var(--amber);
  --gold-light: var(--amber-light);
  --slate: var(--ink-soft);
  --slate-light: var(--cream-soft);
  --ink-2: var(--coal-2);
  --ink-3: var(--coal-3);
  --bone: var(--cream);
  --bone-2: var(--paper-2);
  --sand: var(--paper-3);
  --earth: var(--amber-deep);
  --clay: #8E5310;
  --gold-2: var(--amber-light);
  --hair-ink: rgba(232, 145, 43, .26);
  --hair: var(--hair-ink);
  --hair-bone: rgba(28, 28, 26, .14);
  --grad: linear-gradient(90deg, #F2B566, #9A5A10);

  /* motion */
  --ease: cubic-bezier(.32, .72, 0, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --dur: 420ms;
  --dur-fast: 200ms;
  --dur-slow: 700ms;

  /* type */
  --font-display: "Cormorant Garamond", "Cormorant", "Times New Roman", serif;
  --font-body: "Neulis Sans", "Plus Jakarta Sans", "Helvetica Neue", Arial, sans-serif;

  /* layout */
  --container: 1320px;
  --gutter: 32px;
  --pad: clamp(20px, 4.5vw, 56px);
  --section: clamp(96px, 11vw, 168px);
  --island-top: 14px;
  --island-h: 52px;
  --nav-h: 80px;
  --radius-xl: 28px;
  --radius-lg: 22px;
  --radius-md: 14px;
}