/* ═══════════════════════════════════════
   radii — Base Design System
   Loaded by every page.
   ═══════════════════════════════════════ 
*/

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

:root {
  --image: url("/static/images/background.svg");  
  --background: #b9b9b9;
  --neutral_black: #000000;  
  --lightblue: #60a5fa;
  --neutral_white: #ffffff;
  --neutral_muted: #f5f5f5;
  --black: #ffffff;
  --white: #000000;
  --blue: #d81f27;
  --red-dim: rgba(200, 30, 38, 0.08);
  --red-border: rgba(200, 30, 38, 0.25);
  --section: #a9a9a9;
  --surface: #9d9d9d;
  --surface2: #e0e0e0;
  --border: #ffffff;
  --border-hover: rgba(0, 0, 0, 0.18);
  --muted: rgba(0, 0, 0, 0.85);
  --text: rgba(0, 0, 0, 0.5);
  --green: #16a34a;
  --green-dim: rgba(34, 197, 94, 0.1);
  --darkgreen: #007a2dc0;
  --amber: #f59e0b;
  --red: darkblue;
  --lightblue: #60a5fa;
  --orange: #f97316;
  --yellow: #facc15;
}