@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

:root {
  color-scheme: dark;
  --bg: #0b1020;
  --bg-panel: #121a2b;
  --surface: #1a2336;
  --surface-2: #121a2b;
  --elevated: #1e283c;
  --input-bg: #121a2b;
  --text: #e8edf7;
  --text-muted: #9ba8c7;
  --border: #2a364d;
  --border-strong: #3d4d66;
  --accent: #4f8cff;
  --accent-hover: #6fa3ff;
  --accent-soft: rgba(79, 140, 255, 0.16);
  --positive: #00c48c;
  --positive-soft: rgba(0, 196, 140, 0.18);
  --positive-muted: #7bedcf;
  --negative: #ff5a6b;
  --negative-soft: rgba(255, 90, 107, 0.16);
  --negative-muted: #ff9aa4;
  --premium: #d6b25e;
  --premium-soft: rgba(214, 178, 94, 0.16);
  --radius: 12px;
  --shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 14px 42px rgba(0, 0, 0, 0.42);
  --font: "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Arial, sans-serif;
  --focus: 0 0 0 3px rgba(79, 140, 255, 0.42);
}