/* Tokens aus docs/design.md in naples-os. Abweichungen nur über eigene --data-*-Tokens. */
:root {
  --font-sans: system-ui, -apple-system, "SF Pro Text", "Inter", sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;
  --text-title: 600 20px/26px var(--font-sans);
  --text-heading: 600 15px/20px var(--font-sans);
  --text-body: 400 13px/18px var(--font-sans);
  --text-small: 400 12px/16px var(--font-sans);
  --text-micro: 500 11px/14px var(--font-sans);

  --space-1: 2px; --space-2: 4px; --space-3: 6px; --space-4: 8px;
  --space-5: 12px; --space-6: 16px; --space-7: 24px; --space-8: 32px;
  --row: 32px; --row-dense: 28px; --control: 28px; --control-sm: 24px;
  --radius-1: 4px; --radius-2: 6px; --radius-3: 10px;
  --sidebar: 220px;
  --shadow-pop: 0 4px 16px rgb(0 0 0 / .12);
  --ease: cubic-bezier(.2, 0, 0, 1); --fast: 120ms; --base: 180ms;

  --bg: #FFFFFF; --bg-side: #F6F6F5; --bg-hover: #F2F1F0; --bg-selected: #FCECE4;
  --line: #E6E4E1; --line-field: #827F7A;
  --text: #1C1B19; --text-2: #4F4D49; --text-3: #65625D;
  --accent: #B23A0A; --on-accent: #FFFFFF;
  --ok: #16703B; --warn: #925300; --error: #B8241A;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #1B1B1D; --bg-side: #232325; --bg-hover: #2A2A2C; --bg-selected: #3A2A22;
    --line: #323235; --line-field: #7C7C80;
    --text: #ECECEA; --text-2: #A3A3A0; --text-3: #9A9A96;
    --accent: #FF8A4C; --on-accent: #1B1B1D;
    --ok: #3FCF7A; --warn: #F5B13D; --error: #FF7468;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #1B1B1D; --bg-side: #232325; --bg-hover: #2A2A2C; --bg-selected: #3A2A22;
  --line: #323235; --line-field: #7C7C80;
  --text: #ECECEA; --text-2: #A3A3A0; --text-3: #9A9A96;
  --accent: #FF8A4C; --on-accent: #1B1B1D;
  --ok: #3FCF7A; --warn: #F5B13D; --error: #FF7468;
  color-scheme: dark;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: 0ms !important; animation-duration: 0ms !important; animation-delay: 0ms !important; }
}