/* anpacken design tokens — the single source (docs/suite/09_Designsystem.md). Copied to
   services/core/backend/app/static/tokens.css for the server pages; tools/checks/tokens.sh
   fails when the two differ, tools/checks/contrast.mjs fails when a pair misses 4.5:1 (text)
   or 3:1 (controls) in either mode. Fonts live in fonts.css (bundle) and app.css (server). */

:root {
  --font-heading: "Manrope", system-ui, sans-serif;
  --font-heading-weight: 700;
  --font-body: "Manrope", system-ui, sans-serif;
  --radius-md: 8px;
  --radius-panel: 14px;
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.18);
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px;
  --motion: 120ms;
}

/* light */
:root, .theme-light {
  color-scheme: light;
  --color-bg: #f4f5f7;
  --color-surface: #ebedf1;
  --color-text: #14171a;
  --color-divider: rgba(20, 23, 26, 0.14);
  --color-outline: #767b83;
  --color-accent: #2b76c6;
  --color-accent-text: #2367ad;
  --color-accent-100: #e8f2fd;
  --color-accent-200: #cbe2fa;
  --color-accent-300: #9cc8f3;
  --color-accent-400: #63a5e4;
  --color-accent-500: #2b76c6;
  --color-accent-600: #2367ad;
  --color-accent-700: #1a4e83;
  --color-accent-800: #143c65;
  --color-accent-900: #0f2c49;
  --an-pos: #097353;
  --an-neg: #c62a3c;
  --on-accent: #ffffff;
  --text-secondary: rgba(20, 23, 26, 0.70);
  --text-tertiary: rgba(20, 23, 26, 0.62);
  --bg-accent-8: rgba(43, 118, 198, 0.08);
  --bg-accent-14: rgba(43, 118, 198, 0.14);
  --bg-text-6: rgba(20, 23, 26, 0.06);
  --bg-text-14: rgba(20, 23, 26, 0.14);
}

/* dark */
.theme-dark {
  color-scheme: dark;
  --color-bg: #0b0c0e;
  --color-surface: #14161a;
  --color-text: #eaecef;
  --color-divider: rgba(234, 236, 239, 0.13);
  --color-outline: #626870;
  --color-accent: #78c8ff;
  --color-accent-text: #78c8ff;
  --color-accent-100: #0f2231;
  --color-accent-200: #14344a;
  --color-accent-300: #bfe4ff;
  --color-accent-400: #9ad6ff;
  --color-accent-500: #78c8ff;
  --color-accent-600: #58b4f2;
  --color-accent-700: #9ad6ff;
  --color-accent-800: #bfe4ff;
  --color-accent-900: #e4f3ff;
  --an-pos: #2ebd85;
  --an-neg: #f6465d;
  --on-accent: #0b0c0e;
  --text-secondary: rgba(234, 236, 239, 0.55);
  --text-tertiary: rgba(234, 236, 239, 0.52);
  --bg-accent-8: rgba(120, 200, 255, 0.08);
  --bg-accent-14: rgba(120, 200, 255, 0.14);
  --bg-text-6: rgba(234, 236, 239, 0.06);
  --bg-text-14: rgba(234, 236, 239, 0.14);
}

@media (prefers-color-scheme: dark) {
  :root:not(.theme-light) {
    color-scheme: dark;
    --color-bg: #0b0c0e;
    --color-surface: #14161a;
    --color-text: #eaecef;
    --color-divider: rgba(234, 236, 239, 0.13);
    --color-outline: #626870;
    --color-accent: #78c8ff;
    --color-accent-text: #78c8ff;
    --color-accent-100: #0f2231;
    --color-accent-200: #14344a;
    --color-accent-300: #bfe4ff;
    --color-accent-400: #9ad6ff;
    --color-accent-500: #78c8ff;
    --color-accent-600: #58b4f2;
    --color-accent-700: #9ad6ff;
    --color-accent-800: #bfe4ff;
    --color-accent-900: #e4f3ff;
    --an-pos: #2ebd85;
    --an-neg: #f6465d;
    --on-accent: #0b0c0e;
    --text-secondary: rgba(234, 236, 239, 0.55);
    --text-tertiary: rgba(234, 236, 239, 0.52);
    --bg-accent-8: rgba(120, 200, 255, 0.08);
    --bg-accent-14: rgba(120, 200, 255, 0.14);
    --bg-text-6: rgba(234, 236, 239, 0.06);
    --bg-text-14: rgba(234, 236, 239, 0.14);
  }
}