@import url("https://fonts.googleapis.com/css2?family=Geologica:wght@500;600;700;800;900&family=IBM+Plex+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap");

:root:root {
  --bg: #06070A;
  --surface: #0E1014;
  --raised: #15181e;
  --sunk: #0a0c10;
  --line: #242830;
  --line-soft: #1b1f26;
  --grid: #1e222a;
  --ink: #F2F5F8;
  --dim: #9aa2ad;
  --mute: #7A8390;
  --volt: #D8FF33;
  --volt-text: #D8FF33;
  --volt-soft: #1f2610;
  --volt-line: #414e17;
  --volt-ink: #0A0D04;
  --ember: #FF6A1F;
  --ember-text: #FF6A1F;
  --ember-soft: #2a1608;
  --ember-line: #5a2a0d;
  --ember-ink: #ffffff;
  --good: #3ED88A;
  --good-text: #3ED88A;
  --good-soft: #0f2a1d;
  --good-line: #1a4433;
  --good-ink: #0A0D04;
  --warn: #FFB020;
  --warn-text: #FFB020;
  --warn-soft: #2b2110;
  --warn-line: #4d3a17;
  --warn-ink: #0A0D04;
  --bad: #FF5A4D;
  --bad-text: #FF5A4D;
  --bad-soft: #2e1512;
  --bad-line: #4d2323;
  --bad-ink: #ffffff;
  --froze: #57C7EC;
  --froze-text: #57C7EC;
  --froze-soft: #0f2733;
  --froze-line: #21404c;
  --froze-ink: #0A0D04;
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.6), 0 10px 30px -16px rgba(0, 0, 0, 0.9);
  --shadow-lift: 0 2px 8px rgba(0, 0, 0, 0.6), 0 28px 60px -24px rgba(0, 0, 0, 1);
  --shadow-glow: 0 0 0 1px rgba(216, 255, 51, 0.28), 0 0 34px -6px rgba(216, 255, 51, 0.45);
  --font-display: "Geologica", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "IBM Plex Sans", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --radius-scale: 1;
  --btn-radius-sm: 0.375rem;
  --btn-radius-lg: 0.5rem;
  --login-bg: linear-gradient(135deg, #141A08, #06070A);
  --login-ink: #F2F5F8;
  --login-dim: #9aa2ac;
  --login-mute: #7A8390;
  --login-raised: #15171b;
  --login-line: #25272b;
  --s1: #6685F5;
  --s1-soft: #141b33;
  --s1-line: #35447a;
  --s2: #D96E28;
  --s2-soft: #2b180a;
  --s2-line: #5c3517;
  --s3: #9B7FE8;
  --s3-soft: #1e1830;
  --s3-line: #453569;
  --s4: #E8639B;
  --s4-soft: #2c1420;
  --s4-line: #5e2c44;
  --s5: #2FBFA3;
  --s5-soft: #0c2420;
  --s5-line: #1f5349;
  --btn-bg: #D8FF33;
  --btn-fg: #0A0D04;
  --btn-border: #D8FF33;
  --btn-hover-bg: #D8FF33;
}

:root:root { color-scheme: dark; }