/* COTOAGA Design System — cotoaga.ai brand chapter
   Source of truth: COTOAGA-DESIGN-SYSTEM.md (2026-03-22)
   Rule: components consume --brand-* mapped tokens ONLY. Never raw hex,
   never --cotoaga-* directly. Identity lives here; structure is brand-blind. */

:root {
  /* Foundation: Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;

  /* Foundation: Line Height */
  --leading-tight: 1.2;
  --leading-normal: 1.6;
  --leading-relaxed: 1.8;

  /* Brand: Typography */
  --font-display: 'Space Grotesk', sans-serif;
  --font-primary: 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Brand: Edge Treatment — sharp, non-negotiable */
  --brand-radius: 0;

  /* Brand: Colors */
  --cotoaga-green: #00A86B;
  --cotoaga-blue: #0088FF;
  --cotoaga-cyan: #00D4FF;

  /* Brand: Semantic */
  --cotoaga-ai-success: #098A5E;
  --cotoaga-ai-info: #2F67B2;
  --cotoaga-ai-gold: #E9B320;
  --cotoaga-ai-sand: #EB9929;

  /* Brand: Neutral Scale */
  --cotoaga-ai-white: #FAFBFB;
  --cotoaga-ai-smoke: #E0E0E0;
  --cotoaga-ai-grey-light: #8A8A8A;
  --cotoaga-ai-grey: #4A4A4A;
  --cotoaga-ai-grey-dark: #2D2D2D;
  --cotoaga-ai-dark-marine: #16213E;
  --cotoaga-ai-deep-sky: #191A2E;
  --cotoaga-ai-black: #0B0B0B;

  /* Brand: Mapped Tokens — Light Theme (site default, parity with WP-era site) */
  --brand-primary: var(--cotoaga-green);
  --brand-accent: var(--cotoaga-blue);
  --brand-hero-color: var(--cotoaga-blue);
  --brand-surface: var(--cotoaga-ai-white);
  --brand-border: var(--cotoaga-ai-smoke);
  --brand-text-body: var(--cotoaga-ai-grey-dark);
  --brand-text-secondary: var(--cotoaga-ai-grey);
  --brand-tint-bg: rgba(0, 168, 107, 0.05);
  --brand-hover-shadow: 0 4px 16px rgba(0, 168, 107, 0.1);
  --brand-code-bg: var(--cotoaga-ai-grey-dark);
  --brand-code-text: var(--cotoaga-cyan);
  --brand-button-text: var(--cotoaga-ai-white);

  /* Brand: Card semantics — Appeal Pass (COT-108).
     Gradient tokens retired 2026-07-31 with the flip cards (ratified Kurt). */
  --brand-warn: var(--cotoaga-ai-sand);

  /* Brand: Curtain module — masthead + sticky navbar + tesseract seam
     (COT-119; radius exceptions REVOKED in review, Kurt 2026-07-31 —
     --brand-radius: 0 is unconditional again, no scoped overrides). */
  --brand-hero-bg: var(--cotoaga-ai-black);
  --brand-hero-text: var(--cotoaga-ai-white);
}

/* Dark theme override — defined per design system; NOT enabled on this site
   (no toggle shipped — current site is light-only, Condition A). */
[data-theme="dark"] {
  --brand-primary: var(--cotoaga-green);
  --brand-accent: var(--cotoaga-ai-sand);
  --brand-hero-color: var(--cotoaga-cyan);
  --brand-surface: var(--cotoaga-ai-dark-marine);
  --brand-border: rgba(255, 255, 255, 0.1);
  --brand-text-body: var(--cotoaga-ai-white);
  --brand-text-secondary: var(--cotoaga-ai-grey-light);
  --brand-tint-bg: rgba(235, 153, 41, 0.05);
  --brand-hover-shadow: 0 4px 16px rgba(235, 153, 41, 0.15);
  --brand-code-bg: var(--cotoaga-ai-deep-sky);
  --brand-code-text: var(--cotoaga-cyan);
}