/* ============================================================
   ACTIVELAYER DESIGN TOKENS · v1.1
   Maps 1:1 onto theme.json presets at WP integration time.
   ============================================================ */
:root {
  /* brand — emerald */
  --emerald-50:#ECFDF5; --emerald-100:#D1FAE5; --emerald-200:#A7F3D0;
  --emerald-300:#6EE7B7; --emerald-400:#34D399; --emerald-500:#10B981;
  --emerald-600:#059669; --emerald-700:#047857; --emerald-800:#065F46;
  --emerald-900:#064E3B; --emerald-950:#022C22;

  /* action — yellow */
  --yellow-50:#FEFAEC; --yellow-100:#FDF3D0; --yellow-200:#FBE7A1;
  --yellow-300:#F9D96E; --yellow-400:#F8CF52; --yellow-500:#F8C73E;
  --yellow-600:#E9AE14; --yellow-700:#C48F0C; --yellow-800:#9C6F0D;
  --yellow-900:#7C570F; --yellow-950:#463006;

  /* ink — navy neutrals */
  --ink-900:#141B38; --ink-700:#2C324C; --ink-600:#434960;
  --ink-500:#6E7387; --ink-400:#8C8F9A; --ink-200:#D0D1D7;
  --ink-100:#E8E8EB; --ink-50:#F3F4F5; --ink-25:#F9F9FA; --white:#FFFFFF;

  /* semantic — verdict language */
  --safe:var(--emerald-500); --safe-bg:var(--emerald-100); --safe-text:var(--emerald-800);
  --spam:#DF2A4A; --spam-bg:#FBEEF0; --spam-text:#B42239;
  --warn-bg:var(--yellow-100); --warn-border:var(--yellow-300); --warn-text:var(--yellow-900);

  /* type */
  --font-sans:"Plus Jakarta Sans","Helvetica Neue",system-ui,-apple-system,sans-serif;
  --font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --text-display:clamp(2.25rem,5.5vw,4.5rem);
  --text-h2:clamp(1.875rem,3.2vw,2.625rem);
  --text-h3:1.5rem; --text-h4:1.25rem; --text-lead:1.25rem;
  --text-body:1.0625rem; --text-small:0.9375rem; --text-caption:0.8125rem;
  --track-display:-0.025em; --track-h2:-0.02em; --track-eyebrow:0.12em;

  /* space — 4px grid */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-6:24px;
  --sp-8:32px; --sp-12:48px; --sp-16:64px; --sp-24:96px; --sp-32:128px;

  /* surfaces */
  --cream:#FAF9F5;      /* legacy — superseded by --bg-warm for section backgrounds */
  --bg-warm:#F8F7F6;    /* warm off-white · primary full-section background */

  /* layout */
  --container:1200px; --prose:720px; --gutter:24px;

  /* shape */
  --r-control:8px; --r-media:12px; --r-card:16px; --r-pill:999px;

  /* elevation */
  --shadow-1:0 1px 2px rgba(20,27,56,.06);
  --shadow-2:0 6px 16px -4px rgba(20,27,56,.10);
  --shadow-3:0 16px 40px -8px rgba(20,27,56,.16);
  --glow-yellow:0 8px 32px -8px rgba(233,174,20,.30);
  --focus-ring:0 0 0 3px rgba(233,174,20,.55);

  /* motion */
  --ease-out:cubic-bezier(0.16,1,0.3,1);
  --ease-inout:cubic-bezier(0.65,0,0.35,1);
  --dur-fast:120ms; --dur-base:200ms; --dur-slow:320ms;
}

@font-face {
  font-family:"Plus Jakarta Sans";
  src:url("../fonts/PlusJakartaSans-var.woff2") format("woff2");
  font-weight:400 800;
  font-style:normal;
  font-display:swap;
}