/* GENERIERT mit scripts/sync-tokens.sh aus oarbit-apps/design/tokens.css – nicht von Hand ändern. */
/* ERZEUGT von design/generate.mjs aus design/tokens.json – nicht von Hand ändern. */

/* Farben (ohne data-theme: hell, dunkel per prefers-color-scheme) */
/* --ob-background: Seitenhintergrund: warmes Weiß mit Blaugrau / tiefes Nachtblau statt Schwarz */
/* --ob-surface: Karten */
/* --ob-surface-sunken: Eingelassene Flächen, Chips im Ruhezustand */
/* --ob-brand: Nachtblau aus dem Logo; im Dunkeln hell, damit Wortmarke und Hauptknöpfe lesbar bleiben */
/* --ob-accent: Links, Auswahl, sekundäre Aktionen */
/* --ob-training: Wasserblau */
/* --ob-regatta: Morgenrot */
/* --ob-gold: Gold aus dem Logo, sparsam für Bestzeiten */
/* --ob-kraki: kraKI hat seine eigene Farbe */
/* --ob-success: Zusage */
/* --ob-warning: offen */
/* --ob-danger: Absage, Fehler */
/* --ob-sonstiges: Sonstige Termine */
/* --ob-trainingslager: Trainingslager (Lila, wie im Eltern-Kalender) */
/* --ob-night-top: Himmel: oberes Ende */
/* --ob-night-horizon: Himmel: Horizont bei 62 % */
/* --ob-sky-glow: Morgenrot-Schein im Himmel (in beiden Themen gleich, getönt aus dem Ton) */
/* --ob-sky-glow-water: Wasserblau-Schein im Himmel (Training) */
/* --ob-on-success: Schrift auf „Bin dabei“ */
/* --ob-brand-edge: Kante unter dem Hauptknopf */
/* --ob-success-edge: Kante unter „Bin dabei“ */
/* --ob-control-edge: Kante und Ring bei „Kann nicht“, Datumsblock, Auswahlkarten */
:root,
[data-theme="light"] {
  color-scheme: light;
  --ob-background: #F3F6F9;
  --ob-surface: #FFFFFF;
  --ob-surface-sunken: #E9EEF3;
  --ob-separator: #DCE3EA;
  --ob-text-primary: #0D2438;
  --ob-text-secondary: #4D6276;
  --ob-text-tertiary: #5B6D7F;
  --ob-brand: #0B2F55;
  --ob-on-brand: #FFFFFF;
  --ob-accent: #1F6F96;
  --ob-training: #297091;
  --ob-regatta: #9D592B;
  --ob-gold: #906E27;
  --ob-kraki: #6A4FBF;
  --ob-success: #0E7853;
  --ob-warning: #925D00;
  --ob-danger: #BE382B;
  --ob-sonstiges: #6B7A8C;
  --ob-trainingslager: #6A4FBF;
  --ob-night-top: #E9EEF3;
  --ob-night-horizon: #F3F6F9;
  --ob-sky-glow: #F2A56A;
  --ob-sky-glow-water: #5DB4DC;
  --ob-on-success: #FFFFFF;
  --ob-brand-edge: #06203D;
  --ob-success-edge: #0A5A3E;
  --ob-control-edge: #DCE3EA;
  --ob-shadow-card: 0 4px 6px rgba(13, 36, 56, 0.06);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --ob-background: #07152A;
    --ob-surface: #0F2238;
    --ob-surface-sunken: #0A1A2E;
    --ob-separator: #1C3450;
    --ob-text-primary: #F1F5F9;
    --ob-text-secondary: #A7B7C8;
    --ob-text-tertiary: #8799AA;
    --ob-brand: #EAF2FA;
    --ob-on-brand: #0B2F55;
    --ob-accent: #62B2DD;
    --ob-training: #5DB4DC;
    --ob-regatta: #F2A56A;
    --ob-gold: #E7B659;
    --ob-kraki: #B7A4F4;
    --ob-success: #4FD1A1;
    --ob-warning: #F5C45E;
    --ob-danger: #FF8277;
    --ob-sonstiges: #9AAABB;
    --ob-trainingslager: #B7A4F4;
    --ob-night-top: #040D1C;
    --ob-night-horizon: #0A1D38;
    --ob-sky-glow: #F2A56A;
    --ob-sky-glow-water: #5DB4DC;
    --ob-on-success: #07152A;
    --ob-brand-edge: #9FB4C9;
    --ob-success-edge: #2A9877;
    --ob-control-edge: #1C3450;
    --ob-shadow-card: 0 30px 35px rgba(0, 0, 0, 0.4);
  }
}

[data-theme="dark"] {
  color-scheme: dark;
  --ob-background: #07152A;
  --ob-surface: #0F2238;
  --ob-surface-sunken: #0A1A2E;
  --ob-separator: #1C3450;
  --ob-text-primary: #F1F5F9;
  --ob-text-secondary: #A7B7C8;
  --ob-text-tertiary: #8799AA;
  --ob-brand: #EAF2FA;
  --ob-on-brand: #0B2F55;
  --ob-accent: #62B2DD;
  --ob-training: #5DB4DC;
  --ob-regatta: #F2A56A;
  --ob-gold: #E7B659;
  --ob-kraki: #B7A4F4;
  --ob-success: #4FD1A1;
  --ob-warning: #F5C45E;
  --ob-danger: #FF8277;
  --ob-sonstiges: #9AAABB;
  --ob-trainingslager: #B7A4F4;
  --ob-night-top: #040D1C;
  --ob-night-horizon: #0A1D38;
  --ob-sky-glow: #F2A56A;
  --ob-sky-glow-water: #5DB4DC;
  --ob-on-success: #07152A;
  --ob-brand-edge: #9FB4C9;
  --ob-success-edge: #2A9877;
  --ob-control-edge: #1C3450;
  --ob-shadow-card: 0 30px 35px rgba(0, 0, 0, 0.4);
}

/* Abstände, Radien, Knöpfe mit Kante (px), Bewegung */
:root {
  --ob-space-xxs: 2px;
  --ob-space-xs: 4px;
  --ob-space-s: 8px;
  --ob-space-m: 12px;
  --ob-space-l: 16px;
  --ob-space-xl: 24px;
  --ob-space-xxl: 32px;
  --ob-space-xxxl: 48px;
  --ob-radius-chip: 10px;
  --ob-radius-control: 14px;
  --ob-radius-card: 22px;
  --ob-radius-hero: 28px;
  --ob-press-edge: 4px;
  --ob-press-pressed-edge: 1px;
  --ob-press-offset: 3px;
  --ob-motion-spring-response: 420ms;
  --ob-motion-spring-damping: 0.82;
  --ob-motion-quick-response: 260ms;
}