:root {
    /* Backgrounds – Dark Conference / AI-Coding CI */
    --color-background: #060912;
    --color-surface: #0c1222;
    --color-surface-elevated: #111827;
    --color-surface-hover: rgba(45, 212, 191, 0.08);

    /* Brand Colors – Türkis (Primary) */
    --color-primary: #2dd4bf;
    --color-primary-hover: #14b8a6;
    --color-secondary: #5eead4;
    --color-tertiary: #99f6e4;

    /* Primary Buttons – dunkleres Türkis mit heller Schrift */
    --color-primary-button: #0d9488;
    --color-primary-button-hover: #0f766e;
    --color-primary-button-text: #f8fafc;

    /* Logo */
    --color-logo-letter-blue: #2dd4bf;
    --color-logo-letter-red: #5eead4;
    --color-logo-letter-yellow: #14b8a6;
    --color-logo-letter-green: #99f6e4;

    /* Text Colors */
    --color-text: #f1f5f9;
    --color-text-muted: #94a3b8;
    --color-text-inverse: #060912;
    --color-headline: #f8fafc;

    /* Borders – dezent, ohne Glow */
    --color-border: rgba(148, 163, 184, 0.18);
    --color-border-highlight: rgba(45, 212, 191, 0.35);

    /* Tabellenraster */
    --color-table-row-bg: #0c1222;
    --color-table-row-hover-overlay: rgba(45, 212, 191, 0.06);
    --color-primary-soft-bg: rgba(45, 212, 191, 0.1);
    --color-primary-soft-border: rgba(45, 212, 191, 0.28);
    --color-primary-focus-shadow: rgba(45, 212, 191, 0.22);

    /* Status Colors */
    --color-success: #34d399;
    --color-error: #f87171;
    --color-error-hover: #ef4444;
    --color-error-soft-bg: rgba(248, 113, 113, 0.08);
    --color-error-focus-shadow: rgba(248, 113, 113, 0.2);
    --color-warning: #fbbf24;
    --color-info: #60a5fa;

    /* Message backgrounds – dark-adapted */
    --color-success-bg: rgba(52, 211, 153, 0.12);
    --color-success-border: rgba(52, 211, 153, 0.35);
    --color-success-text: #6ee7b7;
    --color-error-bg: rgba(248, 113, 113, 0.12);
    --color-error-border: rgba(248, 113, 113, 0.35);
    --color-error-text: #fca5a5;
    --color-info-bg: rgba(96, 165, 250, 0.12);
    --color-info-border: rgba(96, 165, 250, 0.35);
    --color-info-text: #93c5fd;

    /* Legacy gradient tokens – Primary ist Vollfarbe Türkis */
    --gradient-brand: #2dd4bf;
    --gradient-text: linear-gradient(to right, #2dd4bf, #5eead4, #99f6e4);
    --gradient-tech-border: linear-gradient(135deg, rgba(45, 212, 191, 0.35), rgba(94, 234, 212, 0.2));
    --color-gold-gradient-start: #2dd4bf;
    --color-gold-gradient-mid: #5eead4;
    --color-gold-gradient-end: #99f6e4;
    --color-gold-text-shadow: rgba(45, 212, 191, 0.2);
    --gradient-gold: linear-gradient(to right, var(--color-gold-gradient-start), var(--color-gold-gradient-mid), var(--color-gold-gradient-end));

    /* Shadows – zurückhaltend, ohne Neon */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
    --shadow-md: 0 4px 12px -2px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 12px 28px -6px rgba(0, 0, 0, 0.5);
    --shadow-glow: 0 4px 16px rgba(0, 0, 0, 0.35);
}