/* ============================================================================
 * We HQ — brand tokens (GENERATED — do not edit)
 * Source of truth: brand/wehq.tokens.json   •   Regenerate: cd brand && npm run gen
 * v2.0.0 — theme: Fight Camp / training-floor / Monument
 *
 * The landing page is LIGHT-ONLY (its component CSS in main.css assumes light).
 * The [data-theme="dark"] block below is the brand's dark register, emitted for
 * the app's parity and future use; the landing never sets data-theme, so it is
 * inert here. main.css consumes these var() names — they are kept stable.
 * ========================================================================== */
:root {
  color-scheme: light;

  /* ── Color (light) ── */
  --paper: #EDEAE3;
  --paper-lo: #E3DFD6;
  --paper-hi: #F7F5F0;
  --ink: #14161A;
  --ink-soft: #2C3036;
  --muted: #5C6169;
  --line: #C9C4BA;
  --line-soft: #DAD5CA;
  --navy: #191F27;
  --navy-2: #222A35;
  --on-navy: #F2F0EB;
  --on-navy-muted: #A9AEB4;
  --on-navy-line: rgba(242,240,235,0.16);
  --red: #C81D0A;
  --red-strong: #9E1809;
  --gold: #7E858C;
  --gold-soft: #A8AEB4;
  --gold-deep: #5C636A;
  --cream: #F2F0EB;
  --red-container: #FADCD6;
  --on-red-container: #7A1508;
  --gold-container: #DFE2E5;
  --on-gold-container: #2E343A;
  --error: #A32620;
  --on-error: #F2F0EB;
  --error-container: #F7DAD6;
  --on-error-container: #6B1A14;
  --surface-container-lowest: #F8F6F1;
  --surface-container-low: #F3F1EB;
  --surface-container: #EDEAE3;
  --surface-container-high: #E6E3DB;
  --surface-container-highest: #DEDAD1;
  --scrim: #000000;
  --shadow-color: #14161A;

  /* ── Radius (squared / monument register) ── */
  --radius-sm: 3px;
  --radius: 4px;
  --radius-lg: 6px;

  /* ── Type / layout ── */
  --serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;
  --maxw: 72rem;
  --pad: clamp(1.25rem, 4vw, 2.75rem);

  /* ── Elevation / motion / texture ── */
  --shadow-sm: 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 3px rgba(20, 22, 26, 0.14);
  --shadow-md: 0 2px 4px rgba(20, 22, 26, 0.15), 0 14px 32px rgba(20, 22, 26, 0.18);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");
}

[data-theme="dark"] {
  color-scheme: dark;

  /* ── Color (dark) ── */
  --paper: #101214;
  --paper-lo: #0A0C0D;
  --paper-hi: #1C2126;
  --ink: #EDEBE6;
  --ink-soft: #D8D5CE;
  --muted: #9AA0A7;
  --line: #2C3136;
  --line-soft: #21252A;
  --navy: #212932;
  --navy-2: #2B3540;
  --on-navy: #F2F0EB;
  --on-navy-muted: #A9AEB4;
  --on-navy-line: rgba(242,240,235,0.16);
  --red: #E15647;
  --red-strong: #C81D0A;
  --gold: #9AA2AA;
  --gold-soft: #C2C8CE;
  --gold-deep: #7E858C;
  --cream: #14161A;
  --red-container: #4E1409;
  --on-red-container: #FAD6CE;
  --gold-container: #2A3138;
  --on-gold-container: #DDE1E5;
  --error: #E4776B;
  --on-error: #1A0E0C;
  --error-container: #4E1611;
  --on-error-container: #F6D6D1;
  --surface-container-lowest: #0A0C0D;
  --surface-container-low: #14171A;
  --surface-container: #191D20;
  --surface-container-high: #1F2429;
  --surface-container-highest: #262C31;
  --scrim: #000000;
  --shadow-color: #000000;
}