/* EndurAPP V2 — Tactical Cinema tokens.
   Neon is a signal (< 5% of any viewport): CTAs, route accent, live chips. Never atmosphere. */

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../assets/fonts/BarlowCondensed-SemiBold-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../assets/fonts/BarlowCondensed-SemiBold-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0300-0304, U+0308, U+0329, U+1E00-1EFF, U+2020, U+2113;
}

@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../assets/fonts/DMMono-Medium-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;
}

@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../assets/fonts/DMMono-Medium-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0300-0304, U+0308, U+0329, U+1E00-1EFF, U+2020, U+2113;
}

:root {
  --black-deep: #0A0A0B;
  --black-carbon: #121214;
  --black-elevated: #1A1A1E;
  --neon: #E7FF00;
  --neon-dim: #B8CC00;
  --white: #F5F5F7;
  --steel-100: #8E8E93;
  --steel-200: #636366;
  --steel-300: #3A3A3C;
  --signal-red: #FF3B30;
  --signal-green: #30D158;
  --signal-amber: #FF9F0A;

  --font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --font-mono: 'DM Mono', ui-monospace, 'SF Mono', monospace;
  --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --sp-xs: 4px;
  --sp-sm: 8px;
  --sp-md: 16px;
  --sp-lg: 24px;
  --sp-xl: 32px;
  --sp-xxl: 48px;

  --sp-section: clamp(6rem, 14vh, 11rem);
  --sp-gutter: clamp(1.25rem, 5vw, 4rem);
  --measure: min(1240px, 100% - (2 * var(--sp-gutter)));

  --r-hud: 12px;
  --r-button: 10px;
  --r-sheet: 16px;
  --r-pill: 999px;

  --nav-h: 64px;
  --nav-offset: calc(var(--nav-h) + env(safe-area-inset-top, 0px));

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 200ms;
  --dur-base: 320ms;
  --dur-slow: 480ms;
  --stagger: 80ms;

  --surface: var(--black-carbon);
  --surface-raised: var(--black-elevated);
  --hairline: var(--steel-300);

  --grad-cta: linear-gradient(135deg, var(--neon) 0%, var(--neon-dim) 100%);
}
