@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,400&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  --void: #0C2033;
  --abyss: #091929;
  --deep: #152C40;
  --surface: #1B3850;
  --raised: #24485E;
  --border-dim: rgba(50,120,170,0.28);
  --border: #2E6080;
  --tidal: #00D4AC;
  --tidal-glow: rgba(0,212,172,0.10);
  --amber: #F5A623;
  --amber-glow: rgba(245,166,35,0.10);
  --storm: #E63946;
  --storm-glow: rgba(230,57,70,0.08);
  --mist: #7AB8D4;
  --fog: #5A9AB8;
  --foam: #C8E4F2;
  --white: #EBF4FA;
  --fd: 'Space Grotesk', sans-serif;
  --fb: 'DM Sans', sans-serif;
  --fm: 'JetBrains Mono', monospace;
  --pad: 24px;
  --radius: 0;
  --radius-sm: 0;
  --radius-md: 0;
}

/* Sharp-cornered editorial default — all component classes inherit 0 radius */
button, input, select, textarea,
[class$="-card"], [class$="-pill"], [class$="-badge"],
[class$="-btn"], [class$="-chip"], [class$="-tag"],
[class^="c-"], [class^="h-"], [class^="fc-"], [class^="mp-"],
[class^="hero-"], [class^="cam-"], [class^="drawer-"] {
  border-radius: 0 !important;
}