/* ==========================================================================
   CITA THEME TOKENS
   Semantic Abstraktionsschicht für Dark/Light Mode.
   Referenziert die Raw-Palette aus citastyle.css (:root --cita-*).
   ========================================================================== */

/* Dark Mode (default + explizit) */
:root[data-theme="dark"],
:root:not([data-theme]) {
  /* CRYPTON TARGETS (activated via crypton-overrides.css per-page):
     bg-page: #050D1D; bg-surface: rgba(10,31,58,0.5); bg-elevated: #0E2542;
     text-primary: #E5F0FF; text-secondary: #E4E4E4; text-muted: #B1BBD4; text-heading: #FFFFFF;
     border-default: #3E526C; accent-cyan: #019DEA; input-bg: rgba(10,31,58,0.5);
     Full list in crypton-overrides.css */
  --cita-bg-page: var(--cita-charcoal-900);
  --cita-bg-surface: rgba(30, 41, 59, 0.4);
  --cita-bg-elevated: rgba(30, 41, 59, 0.6);
  --cita-bg-overlay: rgba(15, 23, 42, 0.85);

  --cita-text-primary: #f1f5f9;
  --cita-text-secondary: var(--cita-charcoal-400);
  --cita-text-muted: #8091a7;

  --cita-border-subtle: rgba(255, 255, 255, 0.08);
  --cita-border-default: rgba(255, 255, 255, 0.12);
  --cita-border-strong: rgba(255, 255, 255, 0.18);

  --cita-glass-bg: rgba(15, 23, 42, 0.85);
  --cita-glass-border: rgba(255, 255, 255, 0.08);

  /* Issue #1072 — Shared event section partials (section_announcements.html etc.)
     read these LITERAL token names. The layout_resolver generator never emits
     --cita-card-bg / --cita-accent-bg / --cita-border, and emits --cita-surface
     only as a DARK constant. Define them here as theme-aware aliases so a partial
     rendered under [data-theme] resolves surface/card/border/accent to the
     correct theme. SSOT fix surface — DR-05 / DR-10. */
  --cita-surface: var(--cita-bg-surface);
  --cita-card-bg: var(--cita-bg-elevated);
  --cita-border: var(--cita-border-default);
  /* Accent (amber) used as icon/badge/tag-text color + chip tint. Dark theme:
     amber-400 text on amber-tint chip = 6.3:1 (AA pass), on dark card = 8.8:1. */
  --cita-accent: #fbbf24;
  --cita-accent-bg: rgba(251, 191, 36, 0.15);

  /* Phase 2 */
  --cita-bg-inset: rgba(2, 6, 23, 0.6);
  --cita-bg-hover: rgba(51, 65, 85, 0.4);
  --cita-text-heading: #f8fafc;
  /* Text AUF einer Akzentflaeche (Cyan). Die Akzente sind in beiden Themes hell;
     heller Text darauf hielt 1.73:1 (Dark, gemessen am Abbestell-Knopf, WP-06).
     Dunkel: der Seitengrund. */
  --cita-text-on-accent: var(--cita-bg-page);
  --cita-interactive-bg: rgba(255, 255, 255, 0.05);
  --cita-interactive-bg-hover: rgba(255, 255, 255, 0.1);
  --cita-interactive-border: rgba(255, 255, 255, 0.08);
  --cita-bg-tooltip: rgba(15, 23, 42, 0.98);

  /* Phase 3A — Form Inputs */
  --cita-input-bg: #1e293b;
  --cita-input-text: #e2e8f0;
  --cita-input-placeholder: #8b9cb3;
  --cita-checkbox-bg: #1e293b;

  /* Phase 3A — Cookie Banner */
  --cita-cookie-sheet-bg: linear-gradient(145deg, rgba(9,14,26,.96), rgba(10,16,28,.98));
  --cita-cookie-option-bg: rgba(15, 23, 42, .35);
  --cita-cookie-option-border: rgba(71, 85, 105, .28);
  --cita-cookie-toggle-bg: var(--cita-charcoal-900);
  --cita-cookie-toggle-track: linear-gradient(180deg, rgba(15,23,42,.9), rgba(17,24,39,.9));
  --cita-cookie-actions-bg: linear-gradient(180deg, rgba(10,16,28,0.94) 70%, rgba(10,16,28,0.98) 100%);
  --cita-cookie-btn-secondary-bg: var(--cita-charcoal-900);
  --cita-cookie-btn-outline-hover: rgba(51, 65, 85, .35);
  --cita-cookie-backdrop: rgba(2, 6, 23, .55);

  /* Phase 3D — Component Tokens */
  --cita-comp-glass-from: rgba(15, 23, 42, 0.4);
  --cita-comp-glass-via: rgba(2, 6, 23, 0.6);
  --cita-comp-glass-to: rgba(2, 6, 23, 0.8);
  --cita-comp-border: rgba(51, 65, 85, 0.4);
  --cita-comp-border-hover: rgba(71, 85, 105, 0.6);
  --cita-comp-text: #e2e8f0;
  --cita-comp-text-muted: #94a3b8;
  --cita-comp-text-heading: #f8fafc;
  --cita-comp-bg-card: rgba(15, 23, 42, 0.3);
  --cita-comp-bg-dropdown: rgba(15, 23, 42, 0.95);
  --cita-comp-divider: rgba(51, 65, 85, 0.6);
  --cita-comp-skeleton-bg: rgba(148, 163, 184, 0.24);
  --cita-comp-skeleton-border: rgba(148, 163, 184, 0.6);
  --cita-comp-kpi-fade: rgba(15, 23, 42, 0.2);

  /* Phase 4 — Accent Colors
     CRYPTON TARGET: --cita-accent-cyan: #019DEA; subtle: rgba(1,157,234,0.15); muted: rgba(1,157,234,0.08); */
  --cita-accent-cyan: rgb(34, 211, 238);
  --cita-accent-cyan-subtle: rgba(34, 211, 238, 0.15);
  --cita-accent-cyan-muted: rgba(34, 211, 238, 0.08);
  --cita-accent-blue: rgb(96, 165, 250);
  --cita-accent-blue-subtle: rgba(59, 130, 246, 0.15);
  --cita-accent-green: rgb(52, 211, 153);
  --cita-accent-green-subtle: rgba(52, 211, 153, 0.15);
  --cita-accent-red: rgb(248, 113, 113);
  --cita-accent-red-subtle: rgba(239, 68, 68, 0.15);
  --cita-accent-purple: rgb(167, 139, 250);
  --cita-accent-purple-subtle: rgba(139, 92, 246, 0.15);
  --cita-accent-amber: rgb(251, 191, 36);
  --cita-accent-amber-subtle: rgba(251, 191, 36, 0.15);
  --cita-accent-teal: #14B8A6;
  --cita-accent-teal-subtle: rgba(20, 184, 166, 0.15);
  /* OLD: --cita-accent-cyan-light: #67e8f9; */
  /* CRYPTON TARGET: #09a2ef */
  --cita-accent-cyan-light: #67e8f9;

  /* UX-Paket 12 (2026-07-20): --v2-accent-primary war 70x genutzt / 0x
     definiert (publish-v2.css 59, portfolio-v2.css 11); die Fallbacks
     divergierten in DREI Akzentsprachen (cyan #06b6d4/#22d3ee/#0891b2 vs
     indigo #818cf8/#6366f1). EINE semantische Akzent-Rolle fuer die
     v2-Organizer-Flaechen — Alias auf die kanonische Cyan-Kette (Design-Pin:
     kein neues Hex ausserhalb citastyle.css), in BEIDEN Themes definiert. */
  --v2-accent-primary: var(--cita-accent-cyan);
  --v2-accent-primary-hover: var(--cita-accent-cyan-light);
  /* Text-Rolle der v2-Akzent-Familie (Lena-Nachrechnung 07-20: Fliesstext
     braucht 4.5:1 — Dark #22d3ee: 9.88 auf page / 7.49 auf card). Analog
     zur --cita-gold-text-Rollenaufteilung. */
  --v2-accent-text: var(--cita-accent-cyan);

  /* Landed-Review R5 (2026-07-22): --v2-accent-success/-warning/-error/-info
     lebten als Roh-Hex NUR in dashboard-v2.css :root (Geschwister von
     --v2-accent-primary, gleiche Klasse) — Light-Theme blieb unadaptiert.
     Dark-Werte BYTE-IDENTISCH als Alias auf die Raw-Palette (citastyle.css);
     Light-Zweig unten mit AA-gerechneten dunkleren Stufen (Lena 07-22).
     Dark auf page #0f172a: success 7.83:1 · warning 8.31:1 · error 4.74:1 ·
     info 4.85:1 (alle >=4.5 Text). */
  --v2-accent-success: var(--cita-lime-400);    /* #22C55E */
  --v2-accent-warning: var(--cita-warning-500); /* #F59E0B */
  --v2-accent-error: var(--cita-danger-500);    /* #EF4444 */
  --v2-accent-info: var(--cita-azure-500);      /* #3B82F6 */

  /* Register #42/#46 (2026-09-26): TEXT-Rolle der Error-Familie — analog zur
     Aufteilung bei --v2-accent-text / --cita-gold-text. Grund: die 4.74:1 von
     --v2-accent-error sind gegen die SEITENflaeche (#0f172a) gerechnet. Auf
     einer Karte/Sektion liegt der Wert darunter, weil --cita-bg-surface/-elevated
     halbtransparent sind und heller komponieren: elevated 4.24:1, surface
     4.42:1 — unter AA. Fliesstext-Fehlermeldungen (12px) an einem Formularfeld
     sitzen genau dort. danger-400 haelt: 5.77 (elevated) / 6.01 (surface) /
     6.45 (page). Nachgerechnet von
     tests/ui_gates/test_schedule_field_message_contrast.py (mit
     Negativkontrolle auf den alten Wert). */
  --v2-accent-error-text: var(--cita-danger-400); /* #F87171 */

  /* sweep-contrast R5 (2026-07-24): Glyph/Ink auf SOLID amber-Fill
     (lifecycle-warning-Icon, WCAG 1.4.11 >=3.0). Dark-Fill amber-500 hell ->
     dunkle Ink 8.72:1 (weisser Glyph waere nur 2.15 FAIL). */
  --v2-on-accent-warning: var(--cita-ink);      /* #0B1220 */

  /* Competition-Gold (P-B1) — Rollen-Leitfaden:
     --cita-gold           Solid-Fill (Button, Dot, aktiver Tab) — Text darauf IMMER --cita-gold-contrast
     --cita-gold-strong    Hover-/Highlight-Stufe des Fills · --cita-gold-gradient-from/-to Gradient-Stops
     --cita-gold-text      Text/Icon auf Seiten-/Kartengrund (AA) · --cita-gold-muted gedämpfter Glyph (≥3:1)
     --cita-gold-soft      getönte Fläche (Badge-BG, Icon-Box) · --cita-gold-border Border/Outline (≥3:1) */
  --cita-gold: var(--cita-gold-400);
  --cita-gold-strong: var(--cita-gold-350);
  --cita-gold-text: var(--cita-gold-400);       /* 7.4:1 auf bg-page, 6.6:1 auf card */
  --cita-gold-muted: var(--cita-gold-500);      /* 6.0:1 auf card */
  --cita-gold-contrast: var(--cita-ink);        /* 7.8:1 auf gold, 9.2:1 auf gold-strong */
  --cita-gold-soft: color-mix(in srgb, var(--cita-gold-400) 15%, transparent); /* gold-text darauf: 5.1:1 (über card) */
  --cita-gold-border: var(--cita-gold-400);     /* 6.6:1 auf card */
  --cita-gold-gradient-from: var(--cita-gold-300);
  --cita-gold-gradient-to: var(--cita-gold-400);

  /* Phase 5 — v2 Drawer Premium Tokens (2026-04-29)
     Surface-Hierarchie 4 Stufen, Linear-Easing, Elevation-Layers, Validation-States. */
  --v2-surface-base-strong:    #0f172a;
  --v2-surface-elevated-strong:#1e293b;
  --v2-surface-overlay-strong: #1c2738;
  --v2-surface-modal-strong:   #243046;

  --v2-elevation-1: 0 1px 2px rgba(0, 0, 0, 0.30);
  --v2-elevation-2: 0 4px 12px rgba(0, 0, 0, 0.40);
  --v2-elevation-3: 0 8px 24px rgba(0, 0, 0, 0.50);
  --v2-elevation-4: 0 24px 64px rgba(0, 0, 0, 0.60);

  --v2-ease-enter:  cubic-bezier(0.32, 0.72, 0, 1);
  --v2-ease-exit:   cubic-bezier(0.4, 0, 1, 1);
  --v2-ease-spring: cubic-bezier(0.5, 1.4, 0.5, 1);
  --v2-duration-enter: 220ms;
  --v2-duration-exit:  160ms;
  --v2-duration-micro: 120ms;

  --v2-input-border-error:    #f87171;
  --v2-input-border-warning:  #fbbf24;
  --v2-input-border-success:  #34d399;
  --v2-input-ring-error:      rgba(248, 113, 113, 0.20);
  --v2-input-ring-warning:    rgba(251, 191, 36, 0.20);
  --v2-input-ring-success:    rgba(52, 211, 153, 0.20);

  --v2-section-dot-ok:         #34d399;
  --v2-section-dot-warn:       #fbbf24;
  --v2-section-dot-incomplete: #94a3b8;
  --v2-section-dot-empty:      rgba(148, 163, 184, 0.4);

  --v2-font-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Light Mode */
:root[data-theme="light"] {
  --cita-bg-page: #ffffff;
  --cita-bg-surface: rgba(241, 245, 249, 0.8);
  --cita-bg-elevated: #ffffff;
  --cita-bg-overlay: rgba(255, 255, 255, 0.95);

  --cita-text-primary: #0f172a;
  --cita-text-secondary: #475569;
  --cita-text-muted: #64748b;

  --cita-border-subtle: rgba(0, 0, 0, 0.06);
  --cita-border-default: rgba(0, 0, 0, 0.1);
  --cita-border-strong: rgba(0, 0, 0, 0.15);

  --cita-glass-bg: rgba(255, 255, 255, 0.85);
  --cita-glass-border: rgba(0, 0, 0, 0.08);

  /* Issue #1072 — Light-theme values for the shared partial's literal tokens.
     Without these, --cita-card-bg/--cita-accent-bg/--cita-border fall to the
     partial's hardcoded DARK fallbacks on light surfaces (white-on-dark / dark
     card on light page) and --cita-accent stays amber-400 (~1.7:1 on white =
     fails AA). SSOT fix surface — DR-05 / DR-10. */
  --cita-surface: var(--cita-bg-surface);
  --cita-card-bg: #ffffff;
  --cita-border: var(--cita-border-default);
  /* Accent darkened to amber-800 for AA on light: #92400e text = 7.1:1 on white,
     6.0:1 on the amber-tint chip. Chip tint kept pale (10% amber-700 over white). */
  --cita-accent: #92400e;
  --cita-accent-bg: rgba(180, 83, 9, 0.10);

  /* Phase 2 */
  --cita-bg-inset: rgba(241, 245, 249, 0.6);
  --cita-bg-hover: rgba(0, 0, 0, 0.04);
  --cita-text-heading: #0f172a;
  /* Hell: die Ueberschriftfarbe (dunkel) — der Seitengrund waere hier weiss. */
  --cita-text-on-accent: var(--cita-text-heading);
  --cita-interactive-bg: rgba(0, 0, 0, 0.04);
  --cita-interactive-bg-hover: rgba(0, 0, 0, 0.08);
  --cita-interactive-border: rgba(0, 0, 0, 0.1);
  --cita-bg-tooltip: rgba(255, 255, 255, 0.98);

  /* Phase 3A — Form Inputs */
  --cita-input-bg: #ffffff;
  --cita-input-text: #0f172a;
  --cita-input-placeholder: #64748b;
  --cita-checkbox-bg: #ffffff;

  /* Phase 3A — Cookie Banner */
  --cita-cookie-sheet-bg: linear-gradient(145deg, rgba(255,255,255,.98), rgba(248,250,252,.99));
  --cita-cookie-option-bg: rgba(241, 245, 249, .6);
  --cita-cookie-option-border: rgba(0, 0, 0, .1);
  --cita-cookie-toggle-bg: #f1f5f9;
  --cita-cookie-toggle-track: linear-gradient(180deg, rgba(241,245,249,.9), rgba(226,232,240,.9));
  --cita-cookie-actions-bg: linear-gradient(180deg, rgba(255,255,255,0.94) 70%, rgba(248,250,252,0.98) 100%);
  --cita-cookie-btn-secondary-bg: #f1f5f9;
  --cita-cookie-btn-outline-hover: rgba(0, 0, 0, .06);
  --cita-cookie-backdrop: rgba(0, 0, 0, .3);

  /* Phase 3D — Component Tokens */
  --cita-comp-glass-from: rgba(255, 255, 255, 0.8);
  --cita-comp-glass-via: rgba(248, 250, 252, 0.9);
  --cita-comp-glass-to: rgba(241, 245, 249, 0.95);
  --cita-comp-border: rgba(0, 0, 0, 0.08);
  --cita-comp-border-hover: rgba(0, 0, 0, 0.15);
  --cita-comp-text: #1e293b;
  --cita-comp-text-muted: #475569;
  --cita-comp-text-heading: #0f172a;
  --cita-comp-bg-card: rgba(255, 255, 255, 0.6);
  --cita-comp-bg-dropdown: rgba(255, 255, 255, 0.98);
  --cita-comp-divider: rgba(0, 0, 0, 0.1);
  --cita-comp-skeleton-bg: rgba(148, 163, 184, 0.48);
  --cita-comp-skeleton-border: rgba(100, 116, 139, 0.78);
  --cita-comp-kpi-fade: rgba(241, 245, 249, 0.3);

  /* Phase 4 — Accent Colors */
  --cita-accent-cyan: rgb(6, 182, 212);
  --cita-accent-cyan-subtle: rgba(6, 182, 212, 0.1);
  --cita-accent-cyan-muted: rgba(6, 182, 212, 0.05);
  --cita-accent-blue: rgb(37, 99, 235);
  --cita-accent-blue-subtle: rgba(37, 99, 235, 0.1);
  --cita-accent-green: rgb(22, 163, 74);
  --cita-accent-green-subtle: rgba(22, 163, 74, 0.1);
  --cita-accent-red: rgb(220, 38, 38);
  --cita-accent-red-subtle: rgba(220, 38, 38, 0.08);
  --cita-accent-purple: rgb(124, 58, 237);
  --cita-accent-purple-subtle: rgba(124, 58, 237, 0.1);
  --cita-accent-amber: rgb(217, 119, 6);
  --cita-accent-amber-subtle: rgba(217, 119, 6, 0.1);
  --cita-accent-teal: #0D9488;
  --cita-accent-teal-subtle: rgba(13, 148, 136, 0.1);
  --cita-accent-cyan-light: #0891b2;

  /* UX-Paket 12: v2-Akzent-Rolle, Light-Zweig. Lena-Nachrechnung 07-20:
     #06b6d4 auf Weiss = 2.43:1 (sub-AA) -> Basis #0891b2 (3.68:1, deckt
     Focus-Ring/UI/Icon-Rollen >=3:1), Hover/Text #0e7490 (5.38:1, deckt
     Fliesstext 4.5:1). Heilt zugleich die 5633-Regression (ALT-Fallback
     dort war bereits #0891b2). */
  --v2-accent-primary: var(--cita-accent-cyan-light);
  --v2-accent-primary-hover: var(--cita-cyan-700);
  --v2-accent-text: var(--cita-cyan-700);

  /* Landed-Review R5: v2-Status-Akzente, Light-Zweig (Lena-Rechnung 07-22;
     Text braucht 4.5:1 auf den realen Light-Flaechen #fff / #f8fafc /
     #f1f5f9 — KPI-Trend-Text sitzt auf surface-secondary #f1f5f9):
       success lime-700   5.02 / 4.79 / 4.58
       warning amber-800  7.09 / 6.78 / 6.47  (amber-700 fiele am
         Launch-Checklist-Chip: Text auf 12%-Eigen-Tint nur 4.21:1;
         amber-800 dort 5.7:1 — Praezedenz --cita-accent Light)
       error   danger-700 6.47 / 6.18 / 5.91  (danger-600 fiele am
         KPI-Trend auf surface-secondary: 4.41:1)
       info    azure-600  5.17 / 4.94 / 4.72 */
  --v2-accent-success: var(--cita-lime-700);   /* #15803D */
  --v2-accent-warning: var(--cita-amber-800);  /* #92400E */
  --v2-accent-error: var(--cita-danger-700);   /* #B91C1C */
  --v2-accent-info: var(--cita-azure-600);     /* #2563EB */

  /* Register #42/#46 Light-Zweig der Error-TEXT-Rolle: danger-700 haelt auf
     allen drei Light-Flaechen (6.47 / 6.18 / 5.91) — danger-600 faellt auf der
     Light-surface auf 4.49:1. Dark und Light divergieren hier bewusst in der
     Richtung (heller vs. dunkler), die Rolle ist dieselbe. */
  --v2-accent-error-text: var(--cita-danger-700); /* #B91C1C */

  /* sweep-contrast R5 (2026-07-24) Light-Zweig: Fill amber-800 dunkel ->
     weisser Glyph 7.09:1 (Ink waere nur 2.64 FAIL). */
  --v2-on-accent-warning: #ffffff;

  /* Competition-Gold (P-B1) — Light: Fill bleibt theme-invariant (Ink-Text),
     Text/Glyph/Border wechseln auf die dunklen Stufen 600/700. */
  --cita-gold: var(--cita-gold-400);
  --cita-gold-strong: var(--cita-gold-350);
  --cita-gold-text: var(--cita-gold-700);       /* 5.6:1 auf Weiß, 5.2:1 auf surface */
  --cita-gold-muted: var(--cita-gold-600);      /* 3.9:1 auf Weiß (UI-Glyph ≥3:1, KEIN Fließtext) */
  --cita-gold-contrast: var(--cita-ink);        /* 7.8:1 auf gold, 9.2:1 auf gold-strong */
  --cita-gold-soft: color-mix(in srgb, var(--cita-gold-700) 10%, transparent); /* gold-text darauf: 4.9:1 auf Weiß, 4.6:1 über surface */
  --cita-gold-border: var(--cita-gold-600);     /* 3.9:1 auf Weiß, 3.7:1 auf surface */
  --cita-gold-gradient-from: var(--cita-gold-300);
  --cita-gold-gradient-to: var(--cita-gold-400);

  /* Phase 5 — v2 Drawer Premium Tokens (Light) */
  --v2-surface-base-strong:    #ffffff;
  --v2-surface-elevated-strong:#f8fafc;
  --v2-surface-overlay-strong: #f1f5f9;
  --v2-surface-modal-strong:   #ffffff;

  --v2-elevation-1: 0 1px 2px rgba(15, 23, 42, 0.08);
  --v2-elevation-2: 0 4px 12px rgba(15, 23, 42, 0.10);
  --v2-elevation-3: 0 8px 24px rgba(15, 23, 42, 0.14);
  --v2-elevation-4: 0 24px 64px rgba(15, 23, 42, 0.20);

  --v2-input-border-error:    #dc2626;
  --v2-input-border-warning:  #d97706;
  --v2-input-border-success:  #059669;
  --v2-input-ring-error:      rgba(220, 38, 38, 0.16);
  --v2-input-ring-warning:    rgba(217, 119, 6, 0.16);
  --v2-input-ring-success:    rgba(5, 150, 105, 0.16);

  --v2-section-dot-ok:         #059669;
  --v2-section-dot-warn:       #d97706;
  --v2-section-dot-incomplete: #64748b;
  --v2-section-dot-empty:      rgba(100, 116, 139, 0.4);
}

/* V2 workspace roles are opt-in; V1 keeps its existing semantic roles. */
[data-cita-platform="v2"] {
  --cita-workspace-page: var(--cita-workspace-palette-night);
  --cita-workspace-surface: var(--cita-workspace-palette-night-surface);
  --cita-workspace-text: var(--cita-workspace-palette-night-ink);
  --cita-workspace-muted: var(--cita-workspace-palette-night-muted);
  --cita-workspace-line: var(--cita-workspace-palette-night-line);
  --cita-workspace-accent: var(--cita-workspace-palette-cyan-light);
  --cita-workspace-action: var(--cita-workspace-palette-action-light);
  --cita-workspace-on-action: var(--cita-workspace-palette-action-ink);
  --cita-workspace-nav: var(--cita-workspace-palette-nav-night);
  --cita-workspace-nav-text: var(--cita-workspace-palette-nav-ink);
  --cita-workspace-nav-muted: var(--cita-workspace-palette-nav-muted);
  --cita-workspace-nav-active: var(--cita-workspace-palette-nav-active);
  --cita-workspace-nav-active-text: var(--cita-workspace-palette-ink);
  --cita-workspace-pass: linear-gradient(140deg, var(--cita-workspace-palette-pass-top), var(--cita-workspace-palette-pass-bottom));
  --cita-workspace-pass-text: var(--cita-workspace-palette-pass-ink);
  --cita-workspace-soft: color-mix(in srgb, var(--cita-workspace-accent) 9%, var(--cita-workspace-surface));
}
:root[data-theme="light"] [data-cita-platform="v2"] {
  --cita-workspace-page: var(--cita-workspace-palette-paper);
  --cita-workspace-surface: var(--cita-workspace-palette-mist);
  --cita-workspace-text: var(--cita-workspace-palette-ink);
  --cita-workspace-muted: var(--cita-workspace-palette-muted);
  --cita-workspace-line: var(--cita-workspace-palette-line);
  --cita-workspace-accent: var(--cita-workspace-palette-cyan);
  --cita-workspace-action: var(--cita-workspace-palette-action);
  --cita-workspace-on-action: var(--cita-workspace-palette-paper);
  --cita-workspace-nav: var(--cita-workspace-palette-nav);
  --cita-workspace-soft: color-mix(in srgb, var(--cita-workspace-accent) 4%, var(--cita-workspace-page));
}
:root[data-cita-v2-accent="green"] [data-cita-platform="v2"] {
  --v2-accent-primary: var(--cita-workspace-palette-green-light);
  --v2-accent-primary-hover: var(--cita-workspace-palette-green-light-hover);
  --v2-accent-text: var(--cita-workspace-palette-green-light);
  --cita-workspace-accent: var(--cita-workspace-palette-green-light);
  --cita-workspace-action: var(--cita-workspace-palette-green-light);
}
:root[data-theme="light"][data-cita-v2-accent="green"] [data-cita-platform="v2"] {
  --v2-accent-primary: var(--cita-workspace-palette-green);
  --v2-accent-primary-hover: var(--cita-workspace-palette-green-hover);
  --v2-accent-text: var(--cita-workspace-palette-green);
  --cita-workspace-accent: var(--cita-workspace-palette-green);
  --cita-workspace-action: var(--cita-workspace-palette-green);
}