:root {
    /* Backgrounds – Dark Mode, technische Konferenz-Optik */
    --color-background: #090c14;
    --color-surface: #111827;
    --color-surface-hover: rgba(243, 147, 36, 0.08);

    /* Brand Colors – SEO-DAY Orange (Referenz seo-day.de --color-orange) */
    --color-primary: #f39324;
    --color-primary-hover: #e88a1f;
    --color-secondary: #ffb86c;
    --color-tertiary: #c9771a;

    /* Logo site title – Expert + day */
    --color-logo-word-expert: #f39324;
    --color-logo-word-day: #e2e8f0;

    /* Text Colors */
    --color-text: #e2e8f0;
    --color-text-muted: #94a3b8;
    --color-text-inverse: #0b1220;
    --color-headline: #f8fafc;

    /* Borders */
    --color-border: rgba(148, 163, 184, 0.16);
    --color-border-highlight: rgba(243, 147, 36, 0.35);

    /* Tabellenraster (Div-Table, widgets zentral) */
    --color-table-row-bg: #111827;
    --color-table-row-hover-overlay: rgba(243, 147, 36, 0.08);
    --color-primary-soft-bg: rgba(243, 147, 36, 0.1);
    --color-primary-soft-border: rgba(243, 147, 36, 0.22);
    --color-primary-focus-shadow: rgba(243, 147, 36, 0.18);

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

    /* Message (Success, Error, Info) - Background, Border, Text */
    --color-success-bg: rgba(16, 185, 129, 0.12);
    --color-success-border: rgba(52, 211, 153, 0.35);
    --color-success-text: #6ee7b7;
    --color-error-bg: rgba(239, 68, 68, 0.12);
    --color-error-border: rgba(248, 113, 113, 0.35);
    --color-error-text: #fca5a5;
    --color-info-bg: rgba(59, 130, 246, 0.12);
    --color-info-border: rgba(96, 165, 250, 0.35);
    --color-info-text: #93c5fd;

    /* Gradients */
    --gradient-brand: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
    --gradient-text: linear-gradient(to right, var(--color-primary), var(--color-secondary));
    --color-gold-gradient-start: #f39324;
    --color-gold-gradient-mid: #ffb86c;
    --color-gold-gradient-end: #e88a1f;
    --color-gold-text-shadow: rgba(243, 147, 36, 0.25);
    --gradient-gold: linear-gradient(to right, var(--color-gold-gradient-start), var(--color-gold-gradient-mid), var(--color-gold-gradient-end));

    /* Shadows – dezenter Orange-Glow auf Dark */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
    --shadow-md: 0 4px 12px -2px rgba(0, 0, 0, 0.45);
    --shadow-lg: 0 12px 24px -4px rgba(0, 0, 0, 0.55);
    --shadow-glow: 0 0 32px rgba(243, 147, 36, 0.18);
}