@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Montserrat:wght@400;500;600;700;800&display=swap');

:root {
  --cyan: #00A8B4;
  --cyan-dark: #008A94;
  --cyan-light: #33C0CC;
  --cyan-glow: rgba(0, 168, 180, 0.22);
  --copper: #E48418;
  --copper-dark: #C46E10;
  --copper-light: #F0A040;
  --navy: #0C3054;
  --navy-mid: #143D68;
  --navy-dark: #061828;
  --navy-deep: #002448;
  --black: #0A0A0A;
  --ink: #111418;
  --charcoal: #1A1F26;
  --slate: #3A4654;
  --muted: #5A6B7A;
  --silver: #B8C5CE;
  --smoke: #E8ECF0;
  --fog: #0B1520;
  --fog-elevated: #122033;
  --surface-dark: #0E1A28;
  --white: #FFFFFF;
  --text-on-dark: #E8ECF0;
  --text-muted-dark: #9AA8B5;
  --success: #1A9E6E;
  --warning: #D4A017;
  --error: #C4453A;
  --grad-hero: linear-gradient(
    165deg,
    rgba(10, 10, 10, 0.35) 0%,
    rgba(6, 24, 40, 0.55) 38%,
    rgba(6, 24, 40, 0.88) 72%,
    rgba(12, 48, 84, 0.94) 100%
  );
  --grad-band: linear-gradient(180deg, rgba(6, 24, 40, 0.25) 0%, rgba(6, 24, 40, 0.92) 55%, rgba(6, 24, 40, 0.98) 100%);
  --font-display: "Montserrat", system-ui, sans-serif;
  --font-body: "Montserrat", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --radius: 2px;
  --radius-lg: 8px;
  --shadow: 0 24px 64px rgba(6, 24, 40, 0.14);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --header-h: 72px;
}