:root {
    /* Backgrounds (Light Mode) – hochwertig, ruhig */
    --color-background: #f0f9ff;
    --color-surface: #ffffff;
    --color-surface-hover: #e0f2fe;

    /* Brand Colors – Türkis als Primärfarbe */
    --color-primary: #0d9488;
    --color-primary-hover: #0f766e;
    --color-secondary: #14b8a6;
    --color-tertiary: #2dd4bf;

    /* Text Colors */
    --color-text: #0f172a;
    --color-text-muted: #64748b;
    --color-text-inverse: #ffffff;
    --color-heading: #134e4a;

    /* Borders */
    --color-border: #e2e8f0;
    --color-border-highlight: #cbd5e1;

    /* Status Colors */
    --color-success: #10b981;
    --color-error: #ef4444;
    --color-warning: #f59e0b;
    --color-info: #0ea5e9;

    /* Gradients – Türkis-Palette */
    --gradient-brand: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
    --gradient-text: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
    --gradient-highlight-gold: linear-gradient(to right, #000000, #dd0000, #ffcc00);

    /* Table (Div-Table) */
    --color-table-row-bg: var(--color-surface);
    --color-table-header-bg: var(--color-surface-hover);
    --color-table-row-hover: var(--color-surface-hover);
    --color-table-border: var(--color-border);

    /* Radius – rund, professionell */
    --radius-sm: 10px;
    --radius-md: 14px;
    --radius-lg: 18px;
    --radius-xl: 24px;
    --radius-full: 9999px;

    /* Shadows – satt, hochwertig */
    --shadow-sm: 0 2px 8px rgba(13, 148, 136, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 8px 24px rgba(13, 148, 136, 0.08), 0 4px 12px rgba(0, 0, 0, 0.05);
    --shadow-lg: 0 16px 40px rgba(13, 148, 136, 0.1), 0 8px 20px rgba(0, 0, 0, 0.06);
    --shadow-glow: 0 0 48px rgba(13, 148, 136, 0.18);
}