:root {
  color-scheme: dark;
  --accent: #274c77;
  --accent-hover: #336699;
  --accent-foreground: #cfe0f2;
  --accent-soft: #152338;
  --accent-rgb: 39, 76, 119;
  --primary-button-text: #ffffff;
  --focus: #6096ba;
  --focus-rgb: 96, 150, 186;
  --surface-base: #08080a;
  --surface-raised: #101014;
  --surface-sunken: #15151a;
  --surface-overlay: #18181d;
  --surface-inset: #1c1c21;
  --surface-panel: #242428;
  --text-primary: #f4f4f5;
  --text-secondary: #a1a1aa;
  --text-muted: #71717a;
  --border-subtle: rgba(255, 255, 255, 0.1);
  --background: var(--surface-base);
  --surface: var(--surface-raised);
  --border: var(--border-subtle);
  --text: var(--text-primary);
  --muted: var(--text-secondary);
  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}