/*
   GENERATED by tools/funnelgen — DO NOT EDIT THIS FILE.
   Your changes will be lost on the next build, and the build will refuse to
   run until you move them somewhere that survives.
   
     Copy lives in:  templates/recruiting-guide/pages
     Data lives in:  clients/Athletes Acceleration/brand-wide/recruiting-guide/locations.json
     Rebuild:        double-click build.cmd
*/
/* =========================================================================
   BRAND THEME — Athletes Acceleration
   ---------------------------------------------------------------------
   This is the ONLY file that knows what colour this brand is, and the only
   one that loads its typefaces. Swap this file (plus ./fonts/) and the same
   funnel template renders as a different brand.

   Canonical source: brand-kits/athletes-acceleration/DESIGN.md
   Do not hardcode a hex in a page that already exists as a token here.

   Fonts resolve RELATIVE TO THIS STYLESHEET, not to the page, so this file
   and its ./fonts/ folder must always travel together.
   ========================================================================= */

@font-face {
  font-family: 'Anton';
  src: url('./fonts/Anton-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geist';
  src: url('./fonts/Geist-Variable.ttf') format('truetype-variations'),
       url('./fonts/Geist-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('./fonts/JetBrainsMono-Variable.ttf') format('truetype-variations'),
       url('./fonts/JetBrainsMono-Variable.ttf') format('truetype');
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ---------------------------------------------------------------
     TYPEFACES — one per role. Anton display, Geist body, JetBrains
     Mono for every metric (tabular figures are a brand rule).
     --------------------------------------------------------------- */
  --font-display: "Anton", "Oswald", "Arial Narrow", system-ui, sans-serif;
  --font-body:    "Geist", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* ---------------------------------------------------------------
     ACCENT — the single brand colour, pulled from the metallic logo.
     AA runs ONE accent. Never introduce a second or a gradient.

     --accent-cta is deliberately LIGHTER than --accent. red-600
     composites to 2.71:1 over the hero photograph, which fails;
     red-500 measures 3.53:1. Do not "correct" the CTA back to the
     logo red — it was measured, not guessed.
     --------------------------------------------------------------- */
  --accent-wash:    #ffdede;   /* tinted background wash            */
  --accent-on-dark: #f55757;   /* accent legible on dark surfaces   */
  --accent-cta:     #e02828;   /* CTA fill — contrast-checked       */
  --accent:         #c4141d;   /* PRIMARY. Matches the logo         */
  --accent-press:   #a30f17;   /* pressed / darker hover            */
  --accent-deep:    #821016;   /* deepest shade                     */

  /* ---------------------------------------------------------------
     NEUTRALS — warm-cool slate, matching gym walls and athletic gear
     --------------------------------------------------------------- */
  --surface-light:     #ffffff;
  --surface-alt:       #f6f7f9;   /* page background                */
  --surface-muted:     #eef0f3;   /* light card surface             */
  --border-subtle:     #dfe2e7;
  --border-mid:        #c2c6cd;
  --fg-muted-dark:     #969ca7;   /* tertiary text ON DARK          */
  --fg-tertiary:       #6b727f;
  --fg-body:           #434954;
  --fg-secondary:      #2c3038;
  --surface-dark-alt:  #15171a;   /* elevated dark surface          */
  --surface-dark:      #0a0b0d;   /* hero / footer background       */

  /* ---------------------------------------------------------------
     CHROME — the metallic logo finish. A MATERIAL, never a text or
     UI colour. Kept for badges and founder labels.
     --------------------------------------------------------------- */
  --chrome-light: #e6e7e9;
  --chrome:       #b7bcc4;
  --chrome-dark:  #6f7682;

  /* ---------------------------------------------------------------
     STATUS
     --------------------------------------------------------------- */
  --success: #15a34a;    /* PRs and gains: "+1 mph"                 */
  --warning: #f59e0b;
  --danger:  var(--accent);
  --info:    #1d6fb8;
  --turf:    #2f6a3a;    /* sport context only, never UI chrome     */

  /* ---------------------------------------------------------------
     SEMANTIC ROLES — what the page actually reaches for
     --------------------------------------------------------------- */
  --fg-1:      var(--surface-dark);
  --fg-2:      var(--fg-secondary);
  --fg-3:      var(--fg-tertiary);
  --fg-muted:  var(--fg-muted-dark);
  --fg-on-accent: var(--surface-light);

  --bg-1:       var(--surface-light);
  --bg-2:       var(--surface-alt);
  --bg-3:       var(--surface-muted);
  --bg-inverse: var(--surface-dark);

  --border-1:      var(--border-subtle);
  --border-2:      var(--border-mid);
  --border-strong: var(--surface-dark-alt);

  --link:       var(--accent);
  --link-hover: var(--accent-press);

  /* Accent-tinted shadow. Lives here because it carries the brand hue. */
  --shadow-accent: 0 8px 24px -8px rgba(196, 20, 29, 0.45);

  /* Select-chevron stroke. Inlined into a data: URI in form.css, where
     var() cannot reach — the generator substitutes it at build time.
     URL-encoded form of --fg-tertiary. */
  --select-chevron: %236b727f;
}