/* ==========================================================================
   Exceptionalways design tokens — single source of truth (Phase 3.1)
   Loaded FIRST on every public and OS page. Other stylesheets reference these
   custom properties; they do not define brand values themselves.
   Brand (owner-confirmed): #02B65F green, #B1FD4E lime, #FAFFF3 cream.
   Contrast (WCAG 2.x, see PHASE_3_1_REPORT.md): white-on-brand FAILS (2.6:1) —
   use --ew-on-brand (ink) on brand fills; use --ew-brand-strong for text/links
   on light surfaces; lime is for fills/accents on dark, never text on light.
   ========================================================================== */
:root {
  /* Brand */
  --ew-brand:        #02B65F;
  --ew-brand-rgb:    2, 182, 95;
  --ew-brand-strong: #018646;          /* AA text on white/cream */
  --ew-lime:         #B1FD4E;
  --ew-lime-rgb:     177, 253, 78;
  --ew-cream:        #FAFFF3;
  --ew-ink:          #030303;
  --ew-on-brand:     #030303;          /* text on brand/lime fills (AA) */

  /* Status */
  --ew-success: #02B65F;
  --ew-warning: #F59E0B;
  --ew-danger:  #DC2626;
  --ew-info:    #2563EB;

  /* Typography — Space Grotesk is the primary typeface (owner decision) */
  --ew-font-sans: 'Space Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --ew-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --ew-text-xs: .75rem; --ew-text-sm: .875rem; --ew-text-md: 1rem; --ew-text-lg: 1.25rem;
  --ew-text-xl: 1.75rem; --ew-text-2xl: clamp(2rem, 4vw, 3rem); --ew-text-3xl: clamp(2.5rem, 6vw, 4.75rem);

  /* Space, radius, motion */
  --ew-space-1: .25rem; --ew-space-2: .5rem; --ew-space-3: .75rem; --ew-space-4: 1rem;
  --ew-space-6: 1.5rem; --ew-space-8: 2rem; --ew-space-12: 3rem; --ew-space-16: 4rem;
  --ew-radius-sm: 6px; --ew-radius-md: 10px; --ew-radius-lg: 16px; --ew-radius-pill: 999px;
  --ew-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ew-focus-ring: 0 0 0 3px rgba(var(--ew-brand-rgb), .45);
}
/* Tone text colours for alerts/badges (Phase 3.2).
   Light surfaces (default): darker shades that meet AA on tinted backgrounds. */
:root {
  --ew-tone-success: #016B38; --ew-tone-warning: #92400E; --ew-tone-danger: #B91C1C;
  --ew-tone-info: #1D4ED8;    --ew-tone-violet: #6D28D9;  --ew-tone-pink: #BE185D; --ew-tone-neutral: #4B5563;
}
/* Dark surfaces: lighter shades. The public site is dark unless data-theme="light";
   the OS is light unless data-theme="dark" (see .ew-surface-dark in main.css/admin.css). */
.ew-surface-dark, [data-theme="dark"], .ew-surface-public {
  --ew-tone-success: #34D399; --ew-tone-warning: #FBBF24; --ew-tone-danger: #F87171;
  --ew-tone-info: #93C5FD;    --ew-tone-violet: #C4B5FD;  --ew-tone-pink: #F9A8D4; --ew-tone-neutral: #D1D5DB;
}
/* Public site in its light theme uses the light-surface tones again. */
[data-theme="light"] .ew-surface-public {
  --ew-tone-success: #016B38; --ew-tone-warning: #92400E; --ew-tone-danger: #B91C1C;
  --ew-tone-info: #1D4ED8;    --ew-tone-violet: #6D28D9;  --ew-tone-pink: #BE185D; --ew-tone-neutral: #4B5563;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}