/* ============================================================================
   Daniele's Touch — design tokens · v1.0
   Copied verbatim from danieles-touch-styleguide.html / ai-instructions §3.
   Accent: Cobalt (default). Never hardcode values — read from these.
   ============================================================================ */
:root {
  /* Neutrals (fixed) */
  --bg:#FFFFFF; --surface:#FAFBFC; --surface-2:#F3F5F8;
  --border:#ECEEF2; --border-2:#DEE2E9;
  --ink:#0E1116; --ink-2:#4B525C; --ink-3:#858C97;

  /* Accent — Cobalt */
  --accent:#2B54F0; --accent-ink:#FFFFFF; --accent-weak:#ECEFFE; --accent-shadow:rgba(43,84,240,.28);
  /* Indigo   #4B3FD6 · weak #EEEBFB · rgba(75,63,214,.28)  */
  /* Emerald  #0B8A5F · weak #E6F5EF · rgba(11,138,95,.26)  */
  /* Graphite #171A1F · weak #F1F2F4 · rgba(23,26,31,.26)   */

  /* Semantic (fixed) */
  --positive:#0B8A5F; --positive-weak:#E6F5EF;
  --warning:#B7791F;  --warning-weak:#FBF1E0;
  --danger:#D64541;   --danger-weak:#FCEBEA;

  /* Type — Figtree */
  --font-display:'Figtree', sans-serif;
  --font-body:'Figtree', sans-serif;
  --font-number:'Figtree', sans-serif;   /* + font-feature-settings:"tnum" 1 */
  --display-weight:800;                   /* Figtree 800 · Work Sans 700 */
  --display-tracking:-0.03em;             /* Figtree -0.03 · Work Sans -0.02 */

  /* Radius */
  --r-card:14px; --r-btn:10px; --r-input:10px; --r-pill:999px;

  /* Elevation */
  --shadow-sm:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.05);
  --shadow-md:0 4px 10px rgba(16,24,40,.05),0 2px 4px rgba(16,24,40,.04);
  --shadow-lg:0 16px 40px rgba(16,24,40,.10),0 4px 10px rgba(16,24,40,.05);

  /* Spacing (4px scale) */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:72px;
}

/* ----------------------------------------------------------------------------
   Dark theme — extension of Daniele's Touch (the canonical system is light-only).
   Overrides only the neutrals, elevation and accent-shadow; the accent hue,
   type, radii and spacing are unchanged. Applied via [data-theme="dark"] set by
   the inline head script (from stored choice or system preference). AA-checked.
   ---------------------------------------------------------------------------- */
:root[data-theme="dark"] {
  /* Neutrals */
  --bg:#0E1116; --surface:#161B22; --surface-2:#1C232C;
  --border:#272E38; --border-2:#39424E;
  --ink:#F3F5F8; --ink-2:#B4BCC8; --ink-3:#868E9C;

  /* Accent — same Cobalt hue; keep white button text AA. Slightly stronger glow. */
  --accent:#2B54F0; --accent-ink:#FFFFFF; --accent-weak:#1A2340; --accent-shadow:rgba(43,84,240,.45);

  /* Elevation — shadows read on a dark surface. */
  --shadow-sm:0 1px 2px rgba(0,0,0,.30),0 1px 3px rgba(0,0,0,.35);
  --shadow-md:0 4px 10px rgba(0,0,0,.38),0 2px 4px rgba(0,0,0,.30);
  --shadow-lg:0 16px 40px rgba(0,0,0,.55),0 4px 10px rgba(0,0,0,.35);
}