/* Functional Fitness brand tokens
   Source: documents/marketing/brand-identity.md + live implementations
   (join.functionalfitnessgymltd.com landing page, functionalfitness.tv player). */

@font-face {
  font-family: 'Oswald';
  src: url('../fonts/oswald-latin.woff2') format('woff2');
  font-weight: 200 700;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-latin.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
}

:root {
  /* Core palette (official style sheet) */
  --ff-black: #000000;
  --ff-white: #ffffff;
  --ff-grey: #dbdbdb;          /* light grey: borders, secondary text on dark */
  --ff-blue: #2666cc;          /* official accent */

  /* Blue accent ramp (landing page) */
  --ff-blue-bright: #3d7fe8;
  --ff-blue-dark: #1a4a99;
  --ff-blue-glow: rgba(38, 102, 204, 0.4);
  --ff-gold: #f0c040;          /* landing page highlight / star colour */

  /* Tungsten orange accent (Danny's preferred accent for newer work) */
  --ff-tungsten: #d98a2b;
  --ff-tungsten-bright: #f5ad42;

  /* Dark UI surfaces (FFTV player) */
  --ff-ink: #000000;           /* page background */
  --ff-panel: #0a0a0c;         /* cards */
  --ff-panel-2: #101015;       /* raised cards */
  --ff-line: #1e1e24;          /* hairlines */
  --ff-dim: #6b6b70;           /* muted text */
  --ff-grey-dim: #888888;

  /* Status */
  --ff-green: #1fb868;
  --ff-amber: #e0a345;         /* "Intermediate" level colour in FFTV, not the tungsten accent */
  --ff-red: #e04545;
  --ff-danger: #e63d3d;

  /* Semantic defaults: blue theme */
  --accent: var(--ff-blue);
  --accent-bright: var(--ff-blue-bright);

  /* Typography */
  --ff-font-heading: 'Oswald', 'Arial Narrow', Impact, sans-serif;
  --ff-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Tungsten theme: swaps the accent site-wide, same pattern as functionalfitness.tv */
:root[data-theme="amber"] {
  --accent: var(--ff-tungsten);
  --accent-bright: var(--ff-tungsten-bright);
}

body {
  background: var(--ff-ink);
  color: var(--ff-white);
  font-family: var(--ff-font-body);
}
h1, h2, h3, .ff-heading {
  font-family: var(--ff-font-heading);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}