/* ============================================
   LaunchReady.ai Design Tokens
   Single source of truth for colors, spacing,
   typography, and shared values.
   ============================================ */

/* Fonts: Readex Pro (body), Eurostyle Bold Italic (display) */
@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@300;400;500;600;700&display=swap');

/* Eurostyle Bold Italic: self-hosted (place .woff2 in /assets/fonts/) */
/* @font-face {
  font-family: 'Eurostyle';
  src: url('/assets/fonts/eurostyle-bold-italic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
} */

/* Fallback until Eurostyle font files are added */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,400;0,600;0,700;0,800;0,900;1,800;1,900&display=swap');

:root {
  /* ---- Brand Colors (from brand guide) ---- */
  --color-navy: #0E1A2B;
  --color-orange: #F26A21;
  --color-off-white: #F5F6F7;
  --color-charcoal: #2B2E34;
  --color-slate: #6B7280;

  /* ---- Surface Scale (dark to light) ---- */
  --surface-deepest: #040c1c;
  --surface-deep: #0a1628;
  --surface-mid: #0e1c33;
  --surface-raised: #162540;

  /* ---- Accent (Orange) ---- */
  --accent: #F26A21;
  --accent-hover: #df7818;
  --accent-glow: rgba(242, 106, 33, 0.15);
  --accent-border: rgba(242, 106, 33, 0.25);

  /* ---- Text ---- */
  --text-primary: #fdfdfd;
  --text-secondary: #b0bac6;
  --text-muted: #7a8594;
  --text-faint: #2d3d52;

  /* ---- Spacing Scale ---- */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --space-3xl: 8rem;

  /* ---- Typography ---- */
  --font-display: 'Barlow Condensed', sans-serif;
  /* When Eurostyle is available, switch to:
     --font-display: 'Eurostyle', 'Barlow Condensed', sans-serif; */
  --font-body: 'Readex Pro', 'Barlow', sans-serif;

  --text-base: 17px;
  --text-sm: 0.82rem;
  --text-xs: 0.78rem;
  --line-height-body: 1.7;
  --line-height-heading: 0.93;
  --letter-spacing-display: 0.08em;
  --letter-spacing-label: 0.18em;

  /* ---- Layout ---- */
  --nav-height: 64px;
  --container-max: 1280px;

  /* ---- Borders ---- */
  --border-subtle: 1px solid rgba(255, 255, 255, 0.06);
  --border-accent: 1px solid var(--accent-border);
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* ---- Shadows ---- */
  --shadow-nav: 0 4px 40px rgba(0, 0, 0, 0.6);
  --shadow-card-hover: 0 8px 32px rgba(0, 0, 0, 0.3);

  /* ---- Transitions ---- */
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;
}