/* GuestSpy — design tokens · EMBER
   Warm charcoal surfaces, glowing ember accents. Loaded before main.css. */
:root {
  /* ---- ember (brand) ---- */
  --ember-50:#FFF7ED; --ember-100:#FFEDD5; --ember-200:#FED7AA; --ember-300:#FDBA74; --ember-400:#FB923C;
  --ember-500:#F97316; --ember-600:#EA580C; --ember-700:#C2410C; --ember-800:#9A3412; --ember-900:#7C2D12;
  --gold-100:#FEF3C7; --gold-200:#FDE68A; --gold-300:#FCD34D; --gold-400:#FBBF24; --gold-500:#F59E0B; --gold-600:#D97706; --gold-700:#B45309;
  --crimson-100:#FEE2E2; --crimson-200:#FECACA; --crimson-300:#FCA5A5; --crimson-500:#EF4444; --crimson-600:#DC2626; --crimson-700:#B91C1C;
  --violet-100:#EDE9FE; --violet-300:#C4B5FD; --violet-500:#8B5CF6; --violet-600:#7C3AED;
  --blue-100:#DBEAFE; --blue-300:#93C5FD; --blue-500:#3B82F6; --blue-600:#2563EB; --blue-700:#1D4ED8;
  --green-100:#DCFCE7; --green-300:#86EFAC; --green-500:#22C55E; --green-600:#16A34A; --green-700:#15803D;
  --rose-100:#FFE4E6; --rose-300:#FDA4AF; --rose-500:#F43F5E;
  /* legacy aliases so older rules keep working */
  --teal-50:var(--ember-50); --teal-100:var(--ember-100); --teal-200:var(--ember-200); --teal-300:var(--ember-300);
  --teal-400:var(--ember-400); --teal-500:var(--ember-500); --teal-600:var(--ember-600); --teal-700:var(--ember-700);
  --teal-800:var(--ember-800); --teal-900:var(--ember-900);
  --indigo-100:var(--gold-100); --indigo-300:var(--gold-300); --indigo-500:var(--gold-500); --indigo-600:var(--gold-600); --indigo-700:var(--gold-700);
  --amber-100:var(--gold-100); --amber-300:var(--gold-300); --amber-500:var(--gold-500); --amber-600:var(--gold-600); --amber-700:var(--gold-700);
  --red-100:var(--crimson-100); --red-200:var(--crimson-200); --red-300:var(--crimson-300);
  --red-500:var(--crimson-500); --red-600:var(--crimson-600); --red-700:var(--crimson-700);

  /* ---- ink: warm charcoal ---- */
  --ink:#0C0A09; --ink-1:#141110; --ink-2:#1C1917; --ink-3:#292524; --ink-4:#3A3431; --ink-5:#4D4542;
  --ink-line:rgba(255,246,238,.09); --ink-line-2:rgba(255,246,238,.16);
  --on-ink:#FAF7F4; --on-ink-2:rgba(250,247,244,.76); --on-ink-3:rgba(250,247,244,.54);

  /* ---- light surfaces: warm neutrals ---- */
  --bg:#FAF8F6; --bg-2:#F4F1ED; --surface:#FFFFFF; --surface-2:#F8F5F2; --surface-3:#EFEBE6;
  --border:#E9E4DE; --border-2:#D8D1C9; --border-3:#C2B9AF;
  --text:#1C1917; --text-2:#44403C; --muted:#78716C; --muted-2:#A8A29E;

  /* ---- semantic ---- */
  --primary:var(--ember-500); --primary-strong:var(--ember-600); --primary-deep:var(--ember-700); --glow:var(--ember-300);
  --primary-soft:rgba(249,115,22,.10); --primary-ring:rgba(249,115,22,.30);
  --accent:var(--gold-500); --accent-soft:rgba(245,158,11,.12);
  --safe:var(--green-600); --warning:var(--gold-600); --danger:var(--crimson-500); --critical:var(--crimson-600);
  --info:var(--blue-600); --wch:var(--violet-500);
  --on-primary:#2B1206;

  /* ---- section accents ---- */
  --a1:var(--ember-600); --a1-soft:rgba(234,88,12,.10);
  --a2:var(--gold-600);  --a2-soft:rgba(217,119,6,.11);
  --a3:var(--crimson-600); --a3-soft:rgba(220,38,38,.09);
  --a4:var(--violet-600); --a4-soft:rgba(124,58,237,.09);
  --a5:var(--blue-600);  --a5-soft:rgba(37,99,235,.09);
  --a6:var(--ember-800); --a6-soft:rgba(154,52,18,.10);

  /* ---- gradients ---- */
  --grad-brand:linear-gradient(135deg,var(--ember-300),var(--ember-600));
  --grad-brand-2:linear-gradient(135deg,var(--gold-300) 0%,var(--ember-400) 50%,var(--ember-700) 100%);
  --grad-text:linear-gradient(92deg,var(--gold-300) 0%,var(--ember-300) 45%,var(--ember-500) 100%);
  --grad-danger:linear-gradient(135deg,var(--crimson-300),var(--crimson-600));
  --grad-surface:linear-gradient(180deg,#FFFFFF 0%,#FBF8F5 100%);
  --grad-ink:linear-gradient(165deg,#241A14 0%,var(--ink-1) 46%,var(--ink) 100%);

  /* ---- type ---- */
  --font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-display:"Space Grotesk","Inter",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --fs-xs:.78rem; --fs-sm:.875rem; --fs-base:1.125rem; --fs-md:1.125rem; --fs-lg:1.25rem;
  --fs-xl:clamp(1.3rem,1.6vw,1.55rem); --fs-2xl:clamp(1.6rem,2.4vw,2.1rem);
  --fs-3xl:clamp(2rem,3.4vw,2.9rem); --fs-4xl:clamp(2.4rem,5vw,3.9rem);
  --lh-tight:1.12; --lh-snug:1.3; --lh:1.68;
  --tr-tight:-.025em; --tr-tighter:-.035em;

  /* ---- shape & depth ---- */
  --r-xs:6px; --r-sm:10px; --r:14px; --r-md:18px; --r-lg:22px; --r-xl:30px; --r-2xl:40px;
  --sh-xs:0 1px 2px rgba(28,25,23,.05);
  --sh-sm:0 1px 2px rgba(28,25,23,.05),0 2px 6px rgba(28,25,23,.06);
  --sh:0 4px 10px -4px rgba(28,25,23,.10),0 14px 34px -18px rgba(28,25,23,.26);
  --sh-md:0 8px 18px -8px rgba(28,25,23,.14),0 26px 56px -28px rgba(28,25,23,.32);
  --sh-lg:0 20px 48px -20px rgba(28,25,23,.28),0 50px 100px -50px rgba(12,10,9,.6);
  --sh-glow:0 10px 32px -10px rgba(249,115,22,.62);
  --ring:0 0 0 3px var(--primary-ring);

  /* ---- layout ---- */
  --container:1240px; --container-narrow:780px; --gutter:clamp(18px,4vw,36px);
  --header-h:72px;

  /* ---- motion ---- */
  --ease:cubic-bezier(.22,.78,.36,1); --ease-out:cubic-bezier(.16,1,.3,1);
  --t-fast:.16s var(--ease); --t:.26s var(--ease); --t-slow:.5s var(--ease-out);
}