/* =====================================================================
   ELEVARE — DESIGN TOKENS
   Single source of truth. Reference these from every component.
   Last updated: May 2026 · v1.0
   ===================================================================== */

:root[data-theme="day"] {
  /* ---- surface ---- */
  --ev-paper:        #faf5ea;
  --ev-canvas:       #f4efe5;
  --ev-sand:         #e8e1d1;
  --ev-rule:         rgba(28, 26, 22, 0.10);
  --ev-rule-strong:  rgba(28, 26, 22, 0.18);

  /* ---- text ---- */
  --ev-ink:          #1c1a16;
  --ev-ink-2:        #5a534a;
  --ev-ink-3:        #8a8074;

  /* ---- accent · cobalt ---- */
  --ev-accent:       #2640e0;
  --ev-accent-hover: #1a30c0;
  --ev-accent-soft:  #e1e5ff;
  --ev-accent-ink:   #ffffff;

  /* ---- system status (sparingly) ---- */
  --ev-success:      #1f7a5b;
  --ev-warn:         #b8612c;
  --ev-error:        #c0392b;

  /* ---- shadows ---- */
  --ev-shadow-1:     0 1px 0 rgba(28, 26, 22, 0.04), 0 8px 24px -16px rgba(28, 26, 22, 0.12);
  --ev-shadow-2:     0 24px 60px -28px rgba(28, 26, 22, 0.18);
}

:root[data-theme="night"] {
  --ev-paper:        #0e0d0b;
  --ev-canvas:       #161512;
  --ev-sand:         #1f1d18;
  --ev-rule:         rgba(234, 227, 210, 0.10);
  --ev-rule-strong:  rgba(234, 227, 210, 0.18);

  --ev-ink:          #eae3d2;
  --ev-ink-2:        #9a9286;
  --ev-ink-3:        #5a544a;

  --ev-accent:       #5469ff;
  --ev-accent-hover: #6f82ff;
  --ev-accent-soft:  rgba(84, 105, 255, 0.16);
  --ev-accent-ink:   #ffffff;

  --ev-success:      #4ec18f;
  --ev-warn:         #e88f5a;
  --ev-error:        #ef6b62;

  --ev-shadow-1:     0 1px 0 rgba(0, 0, 0, 0.5), 0 8px 24px -16px rgba(0, 0, 0, 0.55);
  --ev-shadow-2:     0 24px 60px -28px rgba(0, 0, 0, 0.65);
}

/* default theme */
:root { color-scheme: light dark; }

:root {
  /* ---- type families ---- */
  --ev-font-sans:   "Geist", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --ev-font-mono:   "Geist Mono", "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
  --ev-font-serif:  "Instrument Serif", "Times New Roman", serif;

  /* ---- type scale · fluid ---- */
  --ev-t-display-xl: clamp(72px, 12vw, 168px);
  --ev-t-display-1:  clamp(56px, 7vw, 96px);
  --ev-t-display-2:  clamp(40px, 4.5vw, 64px);
  --ev-t-h1:         clamp(32px, 3.4vw, 44px);
  --ev-t-h2:         clamp(24px, 2.4vw, 32px);
  --ev-t-h3:         22px;
  --ev-t-body:       16px;
  --ev-t-small:      13px;
  --ev-t-micro:      11px;

  /* ---- spacing · base 8 ---- */
  --ev-sp-1:  4px;
  --ev-sp-2:  8px;
  --ev-sp-3:  12px;
  --ev-sp-4:  16px;
  --ev-sp-5:  24px;
  --ev-sp-6:  32px;
  --ev-sp-7:  48px;
  --ev-sp-8:  64px;
  --ev-sp-9:  96px;
  --ev-sp-10: 128px;

  /* ---- radii ---- */
  --ev-r-sm:   4px;
  --ev-r-md:   8px;
  --ev-r-lg:   14px;
  --ev-r-xl:   24px;
  --ev-r-pill: 9999px;

  /* ---- motion ---- */
  --ev-m-snap:  120ms cubic-bezier(.4, 0, .2, 1);
  --ev-m-soft:  220ms cubic-bezier(.2, .6, .2, 1);
  --ev-m-glide: 320ms cubic-bezier(.2, .8, .2, 1);
}