/* ============================================================
   ADC Peptides — Design Tokens  (handle: adc-tokens)
   ------------------------------------------------------------
   The single source of truth for the brand's visual primitives,
   extracted verbatim from the client-approved Phase 1 mockups
   (../../../mockups/). Ships INSIDE the plugin (not the theme) so
   the widgets — the primary consumer — are self-contained: every
   widget stylesheet AND the child theme's stylesheet declare
   `adc-tokens` as a dependency, so cart, checkout, blog and all
   custom UI inherit one palette. See docs/TECH-ARCHITECTURE.md §2b.

   ⚠️ This file is TOKENS ONLY (CSS custom properties). Element
   base styles live in the child theme; component styles live in
   widgets.css / per-widget CSS. Keep it that way.
   ============================================================ */
:root{
  /* — Brand palette: white + navy (client brief) — */
  --adc-navy-900:#0B1A33;
  --adc-navy-800:#12294A;
  --adc-navy-700:#1B3A63;
  --adc-navy-500:#2E5AA0;

  /* — Ink / text — */
  --adc-ink:#0E1B33;
  --adc-ink-soft:#51617A;

  /* — Surfaces / lines — */
  --adc-white:#ffffff;
  --adc-paper:#EEF4FA;
  --adc-paper-2:#F6F9FC;
  --adc-line:#E2E8F1;
  /* A divider tone is too faint to outline an INTERACTIVE control (#E2E8F1 is
     only ~1.16:1 on white). Secondary/ghost buttons use this stronger line so
     they read as buttons rather than as text. */
  --adc-line-strong:#8FA6C4;

  /* — Accents — */
  --adc-accent:#2F6BE0;
  --adc-success:#12885A;
  --adc-danger:#C0392B;
  --adc-gold:#B6862C;

  /* — Effects — */
  --adc-grid:rgba(11,26,51,.055);

  /* — Layout scale — */
  --adc-maxw:1200px;
  --adc-radius:14px;

  /* — Elevation — */
  --adc-shadow-sm:0 1px 2px rgba(11,26,51,.06), 0 1px 3px rgba(11,26,51,.05);
  --adc-shadow:0 10px 30px rgba(11,26,51,.08);
  --adc-shadow-lg:0 24px 60px rgba(11,26,51,.14);

  /* — Typography — */
  --adc-font:'Inter', ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
