/*
 * Neutral dark theme for the admin area. Same token names as themes/default so
 * every existing component restyles for free: the dark-mode toggle just flips
 * data-theme between "default" and "dark" (see theme_toggle_controller).
 */

[data-theme="dark"] {
  --color-bg: #16181d;
  --color-surface: #1e2128;
  --color-text: #e7e9ee;
  --color-text-muted: #9aa1ad;
  --color-accent: #a78bfa;
  --color-accent-contrast: #16181d;
  --color-border: #2c313b;
  --color-success: #4ade80;
  --color-danger: #f87171;

  --font-display: "Kabel", "Futura", "Century Gothic", sans-serif;
  --font-body: "Klavika", "Kabel", "Futura", "Century Gothic", sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", "Menlo", monospace;

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;

  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.45);

  --texture-bg: none;
}