@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.28);
  --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: #F2F4F6;
  --white: #FFFFFF;
  --success: #1A9E6E;
  --warning: #D4A017;
  --error: #C4453A;
  --grad-hero: linear-gradient(165deg, rgba(10,10,10,0.72) 0%, rgba(6,24,40,0.78) 42%, rgba(12,48,84,0.85) 100%);
  --font-display: "Montserrat", system-ui, sans-serif;
  --font-body: "Montserrat", system-ui, sans-serif;
  --radius: 4px;
  --radius-lg: 12px;
  --shadow: 0 12px 40px rgba(6, 24, 40, 0.08);
}