/* Suryarekha Energy design tokens. Load Sora and Inter from Google Fonts first. */
:root, [data-theme="light"] {
  --surface: #ffffff;
  --surface-alt: #f4f7fb;
  --line: #d5deea;
  --ink: #0b2545;
  --ink-muted: #4a5b73;
  --navy: #0b2545;
  --amber: #f5a300;
  --on-amber: #0b2545;
  --amber-ink: #8a5a00;
  --teal: #0e7c66;
  --sky: #dcebfa;
  --action: #0b2545;
  --on-action: #ffffff;
  --danger: #b3261e;
  --shadow-card: 0 1px 2px rgba(11,37,69,0.08), 0 4px 12px rgba(11,37,69,0.08);
}
[data-theme="dark"] {
  --surface: #0b1a2e;
  --surface-alt: #12263f;
  --line: #27405f;
  --ink: #eef3fa;
  --ink-muted: #a9b8cc;
  --navy: #16365e;
  --amber: #f5a300;
  --on-amber: #0b2545;
  --amber-ink: #ffc247;
  --teal: #3fc1a5;
  --sky: #1b3556;
  --action: #f5a300;
  --on-action: #0b2545;
  --danger: #ff8a80;
}
:root {
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px;
  --radius-sm: 4px; --radius-md: 8px; --radius-lg: 16px;
  --font-display: "Sora", "Segoe UI", system-ui, sans-serif;
  --font-sans: "Inter", "Segoe UI", system-ui, sans-serif;
}
.display-xl { font: 700 56px/60px var(--font-display); letter-spacing: -0.02em; }
.display-lg { font: 700 40px/44px var(--font-display); letter-spacing: -0.015em; }
.h2 { font: 600 28px/34px var(--font-display); }
.h3 { font: 600 20px/28px var(--font-display); }
.stat { font: 700 48px/52px var(--font-display); }
.body { font: 400 16px/24px var(--font-sans); }
.body-sm { font: 400 14px/20px var(--font-sans); }
.label { font: 600 12px/16px var(--font-sans); letter-spacing: 0.06em; text-transform: uppercase; }