/* ==========================================================================
   nest-scalp / tokens.css — ENTIRE visual identity (contract §7)
   scalpnest.com — "Dermatoloji laboratuvarı şıklığı"
   Motion: data-motion="precise" — exact micro-transitions, line-drawing.
   --------------------------------------------------------------------------
   3-layer structure: primitives → semantic overrides → brand physics.
   NOTE: contract §7 anchors --color-brand AND --color-cta to deep sage
   #5F7561 (the table is canonical). Light sage #9DB29A stays a primitive
   for tints/garnish only — it does not pass AA as a text/CTA color.
   @font-face lives in the skin's font CSS enqueued by functions.php.
   ========================================================================== */

/* ---- 1. Primitives: the clinical botanics palette ------------------------ */
:root {
  --sc-porcelain:  #FAF7F4;  /* porcelain — page ground                     */
  --sc-graphite:   #2A2D31;  /* graphite — primary text                     */
  --sc-slate:      #5C6166;  /* annotated pencil — secondary text           */
  --sc-sage:       #9DB29A;  /* light sage — tints & garnish only           */
  --sc-sage-deep:  #5F7561;  /* deep sage — brand & CTA (contract anchor)   */
  --sc-mist:       #DCE5E0;  /* eucalyptus mist — elevated surfaces         */
  --sc-amber-drop: #C99A5B;  /* serum droplet — sparing accent              */
  --sc-hairline:   #E8E3DC;  /* specimen-grid hairlines                     */
}

/* ---- 2. Semantic overrides (contract §2) --------------------------------- */
:root {
  --color-bg:       var(--sc-porcelain);
  --color-surface:  var(--sc-mist);
  --color-ink:      var(--sc-graphite);
  --color-ink-soft: var(--sc-slate);
  --color-brand:    var(--sc-sage-deep);
  --color-accent:   var(--sc-amber-drop);
  --color-cta:      var(--sc-sage-deep);
  --color-cta-ink:  var(--sc-porcelain);
  --color-line:     var(--sc-hairline);

  /* Lab-bench shadows: cool, shallow, controlled. */
  --shadow-color: rgb(42 45 49 / 0.08);
}

/* ---- 3. Brand physics -----------------------------------------------------
   precise: symmetric in-out curve — instruments, not gestures. Nothing
   overshoots; everything lands exactly where the spec says.             */
:root {
  --radius-base: 10px;                             /* soft clinical pill    */
  --dur-reveal: 600ms;                             /* measured              */
  --ease-brand: cubic-bezier(0.65, 0, 0.35, 1);    /* easeInOut: exact stop */

  /* Typography: elegant editorial serif + neutral geometric body. */
  --font-display: "Instrument Serif", "Iowan Old Style", "Times New Roman",
                  Georgia, serif;
  --font-body: "Instrument Sans", system-ui, -apple-system, "Segoe UI",
               "Helvetica Neue", Arial, sans-serif;
}

/* Light clinical identity. */
:root {
  color-scheme: light;
}

/* Light sage garnish — diagrams, line-drawings, soft fills behind imagery. */
:root {
  --brand-garnish: var(--sc-sage);
}

/* ---- 4. Contrast receipts (WCAG, computed — keep updated if palette moves)
   ink      / bg       12.96:1  AAA
   ink      / surface  10.75:1  AAA  (graphite stays sharp on mist cards)
   ink-soft / bg        5.86:1  AA+
   brand    / bg        4.68:1  AA   (deep sage passes for normal text —
                                      exactly why the contract anchors brand
                                      to #5F7561, not light sage #9DB29A)
   cta-ink  / cta       4.68:1  AA
   accent   / bg        2.38:1  — amber-drop is NON-TEXT garnish only
                                  (rating fills, droplet icons); focus rings
                                  auto-correct via --focus-ring-color.
   ------------------------------------------------------------------------ */