/* GENERATED by scripts/build-tokens.mjs from btt-tokens.json. Do not edit.
   Building Transformation Team design tokens, one definition for the website,
   the JoinBTT front door and the app.

   Legacy note: btt-page.css still declares --navy, --green and friends. Those
   are ALIASED to these tokens below rather than deleted, so existing pages keep
   working while new work uses --btt-*. One value, two names, no drift: the
   aliases point AT the tokens and cannot disagree with them. */
:root {
  --btt-navy: #131e3d;
  --btt-navy-deep: #0d1528;
  --btt-green: #1e6b38;
  --btt-green-light: #2a7d42;
  --btt-gold: #c9a84c;
  --btt-cream: #f7f7f2;
  --btt-cream-dark: #eeeee8;
  --btt-white: #ffffff;
  --btt-charcoal: #1a1a1a;
  --btt-mid: #4a4a4a;
  --btt-muted: #7a7a6e;
  --btt-border: #ddddd5;
  --btt-success: #1e6b38;
  --btt-warning: #8a6d1c;
  --btt-error: #9b2c2c;
  --btt-info: #131e3d;
  --btt-gradient-hero: linear-gradient(158deg, #131e3d 0%, #0d1528 100%);
  --btt-gradient-band: linear-gradient(160deg, #131e3d 0%, #0d1528 100%);
  --btt-gradient-accent: linear-gradient(135deg, #1e6b38 0%, #2a7d42 100%);
  --btt-font-display: 'Playfair Display', Georgia, serif;
  --btt-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --btt-text-hero: clamp(30px, 6.4vw, 55px);
  --btt-text-h1: clamp(31px, 4.4vw, 50px);
  --btt-text-h2: clamp(25px, 2.9vw, 34px);
  --btt-text-h3: 21px;
  --btt-text-lead: 18.5px;
  --btt-text-body: 16px;
  --btt-text-small: 14.5px;
  --btt-text-caption: 13px;
  --btt-text-eyebrow: 12px;
  --btt-weight-regular: 400;
  --btt-weight-medium: 500;
  --btt-weight-semibold: 600;
  --btt-weight-bold: 700;
  --btt-leading-tight: 1.15;
  --btt-leading-heading: 1.25;
  --btt-leading-body: 1.7;
  --btt-space-1: 4px;
  --btt-space-2: 8px;
  --btt-space-3: 12px;
  --btt-space-4: 16px;
  --btt-space-5: 22px;
  --btt-space-6: 30px;
  --btt-space-7: 44px;
  --btt-space-8: 66px;
  --btt-space-9: 88px;
  --btt-radius-sm: 7px;
  --btt-radius-md: 8px;
  --btt-radius-lg: 14px;
  --btt-radius-xl: 16px;
  --btt-radius-2xl: 18px;
  --btt-radius-pill: 99px;
  --btt-radius-circle: 50%;
  --btt-shadow-card: 0 6px 20px rgba(19,30,61,.08);
  --btt-shadow-raised: 0 12px 32px rgba(19,30,61,.14);
  --btt-shadow-action: 0 6px 20px rgba(30,107,56,.32);
  --btt-shadow-deep: 0 22px 50px rgba(0,0,0,.5);
  --btt-motion-fast: 140ms;
  --btt-motion-base: 250ms;
  --btt-motion-slow: 400ms;
  --btt-motion-ease: cubic-bezier(.4,0,.2,1);
  --btt-layout-container: 1160px;
  --btt-layout-narrow: 760px;
  --btt-layout-tapTarget: 44px;
  --btt-focus-outline: 2px solid #c9a84c;
  --btt-focus-offset: 3px;
  --btt-input-focus-ring: 0 0 0 3px rgba(30,107,56,.18);

  /* Aliases for the existing stylesheet. */
  --navy: var(--btt-navy);
  --navy-deep: var(--btt-navy-deep);
  --green: var(--btt-green);
  --green-light: var(--btt-green-light);
  --gold: var(--btt-gold);
  --cream: var(--btt-cream);
  --cream-dark: var(--btt-cream-dark);
  --white: var(--btt-white);
  --charcoal: var(--btt-charcoal);
  --mid: var(--btt-mid);
  --muted: var(--btt-muted);
  --border: var(--btt-border);
}

/* Every surface honours a reduced-motion preference. Declared once here rather
   than remembered per stylesheet: a page that forgets it is a page that keeps
   moving for someone who asked it not to. */
@media (prefers-reduced-motion: reduce) {
  :root { --btt-motion-fast: 0ms; --btt-motion-base: 0ms; --btt-motion-slow: 0ms; }
}