/* GENERATED — do not edit. EasyGroup landing-kit tokens, emitted from
 * design-manifest.json → unifiedTheme by scripts/gen_tokens.mjs.
 * Deploys alongside brand.css to <root>/public/assets/tokens.css. */
:root {
  --eg-bg: #F7FAFC; /* page background (Cloud — identical in all 3 canvases) */
  --eg-canvas: #FFFFFF; /* cards, sidebar, top bar */
  --eg-ice: #F2F8FF; /* highlight panel, selected nav (Ice Blue) */
  --eg-soft: #EAF4FF; /* stronger highlight, hover wash, selection (Soft Blue) */
  --eg-well: #EEF3F9; /* input wells, table headers (unifies 2B/2C well drift) */
  --eg-border: #D9E5F2; /* the only hairline (Border Blue Grey) */
  --eg-border-soft: #E7EEF7; /* inner dividers (unifies 2C #E7EEF7 / 2B #E8EFF7) */
  --eg-ink: #122033; /* primary text (Ink) */
  --eg-slate: #42566F; /* secondary text (Slate) */
  --eg-muted: #71849A; /* muted text (Muted) */
  --eg-muted-icon: #8FA0B3; /* muted icons (legitimized 2C drift) */
  --eg-placeholder: #9AAABD; /* input placeholders (legitimized 2B drift) */
  --eg-beam: #6BD6FF; /* brand blue 1 — Beam: logo bar, sparks, gradients */
  --eg-signal: #159EFF; /* brand blue 2 — Signal: active/interactive, app link hover */
  --eg-core: #2468D8; /* brand blue 3 — Core: primary action, links, focus source */
  --eg-core-hover: #1D57B8; /* Core hover/pressed */
  --eg-deep: #103A85; /* brand blue 4 — Deep: dark CTA/footer bands + marketing link hover (marketing surfaces only) */
  --eg-ok: #12836B; /* success (unified from #128C6E/#137A52/#12836B) */
  --eg-ok-wash: #E6F7F3; /* success wash */
  --eg-warn: #B45309; /* warning text (matches legacy manifest) */
  --eg-warn-accent: #E08A2E; /* warning icon/badge accent */
  --eg-warn-wash: #FFF4E5; /* warning wash */
  --eg-bad: #C33A3A; /* destructive/error (unified from #C4453C/#B23B3B/#C33A3A) */
  --eg-bad-wash: #FEECEC; /* error wash */

  /* effects */
  --eg-focus-ring: 0 0 0 3px rgba(21, 158, 255, 0.28);
  --eg-scrim: rgba(18, 32, 51, 0.28);
  --eg-shadow-card: 0 1px 2px rgba(18, 32, 51, 0.05), 0 12px 30px rgba(18, 32, 51, 0.05);
  --eg-shadow-pop: 0 24px 60px rgba(18, 32, 51, 0.24);
  --eg-shadow-hero: 0 24px 60px -34px rgba(16, 58, 133, 0.55);

  /* radii (hero: 18–20px reserved for marketing hero cards — unifiedTheme.radii note) */
  --eg-r-sm: 6px;
  --eg-r-md: 8px;
  --eg-r-lg: 12px;
  --eg-r-xl: 16px;
  --eg-r-pill: 999px;
  --eg-r-hero: 20px;

  /* font stacks */
  --eg-font-display: "Space Grotesk", "Inter", ui-sans-serif, system-ui, sans-serif;
  --eg-font-ui: "Inter", "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --eg-font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}