/* Crossfields design tokens — derived from 7-image design reference (navy/gold industrial-premium B2B) */
:root {
  /* Color — primitive */
  --navy-950: #070f1d;
  --navy-900: #0b1a2e;
  --navy-800: #0f2138;
  --navy-700: #16304f;
  --navy-600: #1e3f66;
  --gold-300: #f0d093;
  --gold-400: #eab457;
  --gold-500: #e6ac47;
  --gold-600: #d08e25;
  --white: #ffffff;
  --offwhite: #f5f7fa;
  --gray-100: #eef1f5;
  --gray-300: #c7d0dc;
  --gray-600: #5b6b7f;
  --success: #2f9e63;

  /* Color — semantic */
  --bg-dark: var(--navy-900);
  --bg-dark-alt: var(--navy-800);
  --bg-light: var(--white);
  --bg-light-alt: var(--offwhite);
  --text-on-dark: var(--white);
  --text-on-dark-muted: #b8c4d4;
  --text-on-light: var(--navy-900);
  --text-on-light-muted: var(--gray-600);
  --accent: var(--gold-500);
  --accent-hover: var(--gold-400);
  --border-on-dark: rgba(234, 180, 87, 0.22);
  --border-on-light: var(--gray-300);
  --card-dark-bg: var(--navy-800);
  --card-light-bg: var(--white);
  --card-light-shadow: 0 12px 32px -12px rgba(15, 33, 56, 0.18);

  /* Typography */
  --font-display: "Oswald", "Arial Narrow", sans-serif;
  --font-body: "Inter", -apple-system, "Segoe UI", sans-serif;

  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.375rem;
  --fs-xl: 1.75rem;
  --fs-2xl: 2.25rem;
  --fs-3xl: 3rem;
  --fs-4xl: 3.75rem;

  --lh-tight: 1.08;
  --lh-snug: 1.3;
  --lh-normal: 1.6;

  /* Spacing scale */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;

  --container-max: 1280px;
  --container-pad: clamp(1.25rem, 4vw, 3rem);

  /* Shape */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 160ms;
  --dur-med: 320ms;
  --dur-slow: 640ms;

  /* Elevation */
  --shadow-sm: 0 2px 8px rgba(7, 15, 29, 0.12);
  --shadow-md: 0 8px 24px rgba(7, 15, 29, 0.18);
  --shadow-gold-glow: 0 0 60px rgba(234, 180, 87, 0.3);
}