/*
   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/GRIT/recruiting-guide/locations.json
     Rebuild:        double-click build.cmd
*/
/* =========================================================================
   GRIT FITNESS & ATHLETIC DEVELOPMENT — RECRUITING FUNNEL MAPPING
   ---------------------------------------------------------------------
   Canonical palette, typography, radius, shadow, and motion values live in
   brand-kits/GRIT-fad/tokens.css. This file only maps those brand roles into
   the generic recruiting-guide template and adds page-specific treatments.
   ========================================================================= */

:root {
  --font-display: var(--grit-font-display);
  --font-display-weight: 400;
  --font-body: var(--grit-font-body);
  --font-mono: var(--grit-font-body);
  --font-button: var(--grit-font-body);

  --accent-wash: var(--grit-sage-100);
  --accent-on-dark: var(--grit-sage-300);
  --accent-cta: var(--grit-action-light-bg);
  --accent: var(--grit-sage-400);
  --accent-press: var(--grit-action-light-hover);
  --accent-deep: var(--grit-sage-700);

  --surface-light: var(--grit-white);
  --surface-alt: var(--grit-paper);
  --surface-muted: var(--grit-sage-100);
  --border-subtle: var(--grit-line-200);
  --border-mid: var(--grit-line-300);
  --fg-muted-dark: var(--grit-text-muted);
  --fg-tertiary: var(--grit-grey-500);
  --fg-body: var(--grit-text-body-light);
  --fg-secondary: var(--grit-carbon-600);
  --surface-dark-alt: var(--grit-ink-800);
  --surface-dark: var(--grit-ink-900);

  --success: var(--grit-gain);
  --warning: var(--grit-gold);
  --danger: var(--grit-clay);
  --info: var(--grit-sage-400);
  --turf: var(--grit-sage-500);

  --fg-1: var(--grit-ink-900);
  --fg-2: var(--grit-carbon-600);
  --fg-3: var(--grit-grey-600);
  --fg-muted: var(--grit-grey-500);
  --fg-on-accent: var(--grit-action-light-fg);

  --bg-1: var(--grit-white);
  --bg-2: var(--grit-paper);
  --bg-3: var(--grit-sage-100);
  --bg-inverse: var(--grit-ink-900);

  --border-1: var(--grit-border-light);
  --border-2: var(--grit-border-light-strong);
  --border-strong: var(--grit-ink-700);
  --link: var(--grit-sage-700);
  --link-hover: var(--grit-sage-500);
  --shadow-accent: var(--grit-shadow-light);
  --select-chevron: %23868f7e;

  --hero-bg: var(--grit-gradient);
  --hero-overlay-wide: linear-gradient(to right, rgba(18, 18, 20, 0.97) 34%, rgba(18, 18, 20, 0.76) 60%, rgba(18, 18, 20, 0.28));
  --hero-overlay-narrow: linear-gradient(180deg, rgba(18, 18, 20, 0.96) 0%, rgba(18, 18, 20, 0.91) 64%, rgba(18, 18, 20, 0.72) 100%);
  --data-row-alt: color-mix(in srgb, var(--grit-sage-300) 18%, transparent);
  --cta-on-dark-bg: var(--grit-action-dark-bg);
  --cta-on-dark-fg: var(--grit-action-dark-fg);
  --cta-on-dark-hover: var(--grit-action-dark-hover);

  --r-sm: var(--grit-radius-sm);
  --r-md: var(--grit-radius);
  --r-lg: var(--grit-radius-lg);
  --r-xl: var(--grit-radius-xl);
  --r-pill: var(--grit-radius-pill);
}

/* The supplied circular badge is the intentional dark-field logo treatment.
   It replaces the improvised white rectangle that previously held the mark. */
.lf-logo {
  aspect-ratio: 1;
  border-radius: 50%;
  object-fit: contain;
}

.rg-hero-bg img,
.rg-built img {
  filter: var(--grit-filter-photo);
}

.rg-stat {
  background: var(--grit-surface-row);
  border: 1px solid var(--grit-border-dark);
  border-radius: var(--grit-radius);
  box-shadow: var(--grit-shadow-inset-row);
  padding: var(--grit-space-4);
}

.rg-ledger,
.rg-mtable {
  border-radius: var(--grit-radius);
  overflow: hidden;
}

.rg-force,
.rg-step,
.ty-book,
.ty-guide-card,
.ty-promise {
  border-radius: var(--grit-radius);
}

.rg-midcta-wrap,
.ty-head-wrap {
  background: var(--grit-gradient-soft);
}

.rg-cover {
  background: var(--grit-gradient-glow);
}

@supports not (background: color-mix(in srgb, white 10%, transparent)) {
  :root { --data-row-alt: var(--grit-sage-100); }
}