:root {
    /* Light-only (kein Dark-Mode) – SEO-Day-Stil, Hauptfarbe Teal #1a797d */

    color-scheme: light only;

    /* Logo / Markenfarben (nur Teal, kein Orange) */
    --color-teal: #1a797d;
    --color-teal-light: #2d9a9e;
    --color-brand-red: #d4101f;
    --color-accent: #1a797d;
    --color-accent-hover: #155b5e;

    /* Hintergrund-Stufen (seo-day.de) */
    --color-bg-light: #f8f8f8;
    --color-bg-lighter: #f5f5f5;
    --color-bg-lightest: #f0f0f0;
    --color-shadow-light: rgba(0, 0, 0, 0.1);

    /* Hintergründe (Light Design wie seo-day.de) */
    --color-background: #ffffff;
    --color-surface: #ffffff;
    --color-surface-hover: #f8f8f8;

    /* Primärfarben */
    --color-primary: #1a797d;
    --color-primary-hover: #155b5e;
    /* Sekundär: dunkles Grau nur für Akzenttext, nie als Flächen-Hintergrund */
    --color-secondary: #4a4a4a;
    --color-tertiary: #2d9a9e;
    --color-link: #1a797d;

    /* Text */
    --color-text: #000000;
    --color-text-muted: #6c757d;
    --color-text-inverse: #ffffff;
    --color-heading: #000000;

    /* Rahmen */
    --color-border: #e0e0e0;
    --color-border-highlight: #1a797d;

    /* Status */
    --color-success: #10b981;
    --color-error: #ef4444;
    --color-warning: #fbbf24;
    --color-info: #1a797d;

    /* Verläufe – Teal */
    --gradient-brand: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);
    --gradient-text: linear-gradient(135deg, var(--color-primary) 0%, #1c8a8f 100%);
    --gradient-highlight-gold: linear-gradient(to right, #000000, #dd0000, #ffcc00);

    /* Tabellen (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 */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-full: 9999px;

    /* Schatten – Teal rgb(26, 121, 125) */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05), 0 6px 18px rgba(26, 121, 125, 0.06);
    --shadow-md: 0 4px 14px rgba(0, 0, 0, 0.07), 0 8px 22px rgba(26, 121, 125, 0.08);
    --shadow-lg: 0 8px 28px rgba(0, 0, 0, 0.1), 0 12px 32px rgba(26, 121, 125, 0.1);
    --shadow-glow: 0 0 40px rgba(26, 121, 125, 0.15);

    /* Overlays & Charts (hell) */
    --color-overlay-backdrop: rgba(0, 0, 0, 0.35);
    --color-chart-grid: #e8e8e8;
    --color-chart-text: #333333;
    --color-chart-ok: #1a797d;
    --color-chart-ok-fill: rgba(26, 121, 125, 0.15);
    --color-chart-other: #2d9a9e;
    --color-chart-other-fill: rgba(45, 154, 158, 0.2);
}