/* ============================================================
   Meerkats AI — Design Tokens v2.0
   Linked AFTER each page's inline <style> block so these win.
   Includes legacy aliases so pre-existing CSS keeps rendering.
   ============================================================ */

:root{
  /* Surfaces */
  --white:#FFFFFF;
  --off:#FAFAF9;
  --tint:#FFF7F2;

  /* Accent */
  --ember:#EA580C;
  --ember-hover:#C2410C;
  --ember-dim:rgba(234,88,12,0.08);

  /* Ink (text) */
  --ink-900:#0B0B0C;
  --ink-700:#2A2A2E;
  --ink-500:#5C5C63;
  --ink-400:#8A8A92;

  /* Borders */
  --rule:#111113;
  --rule-soft:#D4D4D7;

  /* Type */
  --display:'Instrument Serif','Source Serif 4',Georgia,serif;
  --sans:'Inter',system-ui,-apple-system,sans-serif;
  --serif:'Source Serif 4',Georgia,serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;

  /* Scale */
  --fs-display:clamp(2.8rem,5.8vw,4.8rem);
  --fs-h1:clamp(2.4rem,4.6vw,3.4rem);
  --fs-h2:clamp(2rem,4vw,3rem);
  --fs-h3:1.9rem;
  --fs-h4:1.35rem;
  --fs-lead:1.2rem;
  --fs-body:1rem;
  --fs-small:0.88rem;
  --fs-mono:0.72rem;

  /* Space (4px base) */
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;
  --space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;
  --space-18:72px;--space-24:96px;

  /* Radii */
  --radius-none:0;
  --radius-sm:4px;
  --radius-pill:999px;

  /* Borders */
  --border-hair:1px;
  --border-strong:1.5px;
  --border-accent:3px;

  /* Layout */
  --max-w:1200px;
  --gutter:2rem;

  /* ---- LEGACY ALIASES (for pre-existing CSS in older pages) ---- */
  --bg:var(--white);
  --text:var(--ink-900);
  --text-2:var(--ink-500);
  --text-3:var(--ink-400);
  --clay-dark:var(--ink-900);
  --neon-orange:var(--ember);
  --neon-dim:var(--ember-dim);
  --neon-glow:transparent;
  --mustard:var(--ember);
  --mustard-dim:var(--ember-dim);
  --mustard-glow:transparent;
  --sienna:var(--ember);
  --glass:var(--white);
  --glass-solid:var(--white);
  --glass-border:var(--rule-soft);
  --glass-highlight:none;
  --glass-shadow:none;
  --glass-inner:none;
  --glass-radius:0;
  --radius:0;
  --green:#047857;
  --green-dim:#ECFDF5;
  --green-border:#D1FAE5;
  --red:#B91C1C;
  --red-dim:#FEF2F2;
  --ease:cubic-bezier(0.25,0.46,0.45,0.94);
  --duration:180ms;
}