/* ============================================================================
   IRON FORGED COACHING — design tokens
   Aesthetic: forged steel, cinematic dark. Near-black iron base, layered steel
   surfaces with grain, a SINGLE ember-gold accent used sparingly (CTAs, focus,
   key numerals). Cinzel engraved titles, Archivo precise UI, oversized tabular
   numerals. Not the Evans purple — this is Jono's Iron Forged brand.
   ============================================================================ */

:root {
  /* ---- Iron base + steel surfaces (layered, subtle warmth) ---- */
  --iron-000: #08080B;   /* deepest — page base, vignette */
  --iron-050: #0B0B0F;   /* main background */
  --steel-100: #141419;  /* surface */
  --steel-200: #1C1C24;  /* surface raised */
  --steel-300: #24242E;  /* surface hover / raised-2 */
  --steel-400: #2E2E39;  /* input / inset */

  /* ---- Borders / hairlines ---- */
  --line-soft: #23232B;
  --line: #2E2E38;
  --line-strong: #3B3B47;

  /* ---- Text ---- */
  --text-primary: #ECEAE4;   /* warm off-white */
  --text-secondary: #9C9CA8; /* steel */
  --text-muted: #64646F;     /* muted steel */
  --text-faint: #45454E;

  /* ---- Ember gold: the single accent ---- */
  --ember: #D9A441;          /* main accent */
  --ember-hot: #ECBB55;      /* CTA hover / highlight */
  --ember-bright: #F4CE72;   /* peak highlight / PR moment */
  --ember-deep: #A97C2C;     /* pressed / deep */
  --ember-ink: #2A1E08;      /* text on ember fills */
  --ember-glow: rgba(217, 164, 65, 0.28);
  --ember-glow-soft: rgba(217, 164, 65, 0.12);

  /* ---- Desaturated status (kept quiet so gold stays hero) ---- */
  --ok: #7FA98A;
  --ok-dim: rgba(127, 169, 138, 0.16);
  --warn: #C99A4E;
  --danger: #C36A50;
  --danger-dim: rgba(195, 106, 80, 0.16);

  /* ---- Steel gradient (rings, wordmark shimmer, dividers) ---- */
  --steel-sheen: linear-gradient(145deg, #D7D9DD 0%, #8C8E95 22%, #52545C 50%, #93959C 74%, #C9CBCF 100%);
  --ember-fill: linear-gradient(150deg, var(--ember-hot) 0%, var(--ember) 46%, var(--ember-deep) 100%);
  --ember-heading: linear-gradient(90deg, #C9C7C1 0%, var(--ember-hot) 60%, var(--ember-bright) 100%);

  /* ---- Radii ---- */
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-pill: 999px;

  /* ---- Shadows / depth ---- */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-md: 0 8px 24px -6px rgba(0,0,0,0.55);
  --shadow-lg: 0 24px 60px -12px rgba(0,0,0,0.7);
  --shadow-ember: 0 0 0 1px rgba(217,164,65,0.35), 0 10px 40px -8px var(--ember-glow);
  --inset-top: inset 0 1px 0 rgba(255,255,255,0.04);

  /* ---- Type ---- */
  --font-display: 'Cinzel', 'Times New Roman', serif;
  --font-ui: 'Archivo', system-ui, -apple-system, sans-serif;

  /* fluid type scale */
  --t-xs: 0.75rem;
  --t-sm: 0.85rem;
  --t-base: 0.95rem;
  --t-md: 1.05rem;
  --t-lg: 1.3rem;
  --t-xl: clamp(1.5rem, 4vw, 2rem);
  --t-2xl: clamp(2rem, 6vw, 3rem);
  --t-stat: clamp(2.4rem, 9vw, 3.6rem);   /* oversized numerals — the signature */

  --tracking-display: 0.14em;   /* engraved caps breathe */
  --tracking-label: 0.18em;

  /* ---- Spacing ---- */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px;

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 140ms;
  --dur: 240ms;
  --dur-slow: 520ms;

  /* ---- Grain overlay (fine fractal noise, data-uri so it's offline-safe) ---- */
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");

  --maxw: 1180px;
  --safe-t: env(safe-area-inset-top, 0px);
  --safe-b: env(safe-area-inset-bottom, 0px);
}

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
}