:root {
  font-family: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --som-bg: #06060f;
  --som-bg-elevated: #0d1020;
  --som-panel: #11162a;
  --som-text: #e5e7eb;
  --som-text-muted: #9ca3af;
  --som-border: rgba(245, 158, 11, 0.22);
  --som-accent: #f59e0b;
  --som-accent-strong: #fbbf24;
  --som-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
  color-scheme: dark;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(circle at 18% 12%, rgba(251, 191, 36, 0.14), transparent 36%),
    radial-gradient(circle at 82% 6%, rgba(251, 146, 60, 0.1), transparent 33%),
    linear-gradient(180deg, var(--som-bg-elevated), var(--som-bg));
  color: var(--som-text);
}

a {
  color: var(--som-accent-strong);
}