/* Änderungsprotokoll: 2026-08-19 | parent-agent | @skill-css-rules, @skill-change-provenance | CI-Farbe auf Türkis umgestellt */
:root {
    /* Backgrounds – durchgehend weiß */
    --color-background: #ffffff;
    --color-surface: #ffffff;
    --color-surface-hover: #ffffff;

    /* Brand – Türkis CI */
    --color-primary: #0d9488;
    --color-primary-hover: #0a7a70;
    --color-secondary: #14b8a6;
    --color-tertiary: #2dd4bf;

    /* Logo – einfarbig Türkis */
    --color-logo-letter-blue: #0d9488;
    --color-logo-letter-red: #0d9488;
    --color-logo-letter-yellow: #0d9488;
    --color-logo-letter-green: #0d9488;

    /* Text – klar auf Weiß, ohne schmutziges Grau */
    --color-text: #222222;
    --color-text-muted: #333333;
    --color-text-inverse: #ffffff;
    --color-headline: #111111;

    /* Borders – dezente Linien statt grauer Flächen */
    --color-border: #cccccc;
    --color-border-highlight: #999999;

    /* Tabellen / Widgets */
    --color-table-row-bg: #ffffff;
    --color-table-row-hover-overlay: #ffffff;
    --color-primary-soft-bg: #ffffff;
    --color-primary-soft-border: #99d5cf;
    --color-primary-focus-shadow: rgba(13, 148, 136, 0.25);

    /* Status */
    --color-success: #008000;
    --color-error: #cc0000;
    --color-error-hover: #990000;
    --color-error-soft-bg: #ffffff;
    --color-error-focus-shadow: rgba(204, 0, 0, 0.2);
    --color-warning: #cc6600;
    --color-info: #0d9488;

    /* Messages */
    --color-success-bg: #dff0d8;
    --color-success-border: #c3e6cb;
    --color-success-text: #3c763d;
    --color-error-bg: #f2dede;
    --color-error-border: #ebccd1;
    --color-error-text: #a94442;
    --color-info-bg: #d9edf7;
    --color-info-border: #bce8f1;
    --color-info-text: #31708f;

    /* Cookie-Banner / Layout */
    --color-text-secondary: #333333;
    --spacing-md: 0.75rem;
    --transition-normal: 0.1s linear;
    --z-index-cookie-banner: 1200;
    --cookie-consent-spacer-expanded-height: 6rem;

    /* Keine Verläufe */
    --gradient-brand: none;
    --gradient-text: none;
    --color-gold-gradient-start: #0d9488;
    --color-gold-gradient-mid: #0d9488;
    --color-gold-gradient-end: #0d9488;
    --color-gold-text-shadow: none;
    --gradient-gold: none;

    /* Keine Schatten auf weißem Grund */
    --shadow-sm: none;
    --shadow-md: none;
    --shadow-lg: none;
    --shadow-glow: none;
}

[data-theme="dark"] {
    --color-background: #0f0f13;
    --color-surface: #1a1a22;
    --color-surface-hover: #22222e;
    --color-primary: #2dd4bf;
    --color-primary-hover: #14b8a6;
    --color-secondary: #5eead4;
    --color-tertiary: #99f6e4;
    --color-text: #e8e8ed;
    --color-text-muted: #9ca3af;
    --color-text-inverse: #0f0f13;
    --color-headline: #f0f0f5;
    --color-border: rgba(255, 255, 255, 0.08);
    --color-border-highlight: rgba(255, 255, 255, 0.15);
    --color-table-row-bg: #1a1a22;
    --color-table-row-hover-overlay: #22222e;
    --color-primary-soft-bg: #1a1a22;
    --color-primary-soft-border: rgba(45, 212, 191, 0.2);
    --color-primary-focus-shadow: rgba(45, 212, 191, 0.25);
    --color-success: #10b981;
    --color-error: #ef4444;
    --color-error-hover: #dc2626;
    --color-error-soft-bg: #1a1a22;
    --color-error-focus-shadow: rgba(239, 68, 68, 0.2);
    --color-warning: #f59e0b;
    --color-info: #3b82f6;
    --color-success-bg: rgba(16, 185, 129, 0.1);
    --color-success-border: rgba(16, 185, 129, 0.2);
    --color-success-text: #5eead4;
    --color-error-bg: rgba(239, 68, 68, 0.1);
    --color-error-border: rgba(239, 68, 68, 0.2);
    --color-error-text: #fca5a5;
    --color-info-bg: rgba(59, 130, 246, 0.1);
    --color-info-border: rgba(59, 130, 246, 0.2);
    --color-info-text: #93c5fd;
    --color-text-secondary: #9ca3af;
    --color-logo-letter-blue: #2dd4bf;
    --color-logo-letter-red: #2dd4bf;
    --color-logo-letter-yellow: #2dd4bf;
    --color-logo-letter-green: #2dd4bf;
}