:root {
    --color-background: #140808;
    --color-surface: #1f1010;
    --color-surface-hover: rgba(243, 147, 36, 0.08);
    --color-primary: #dc2626;
    --color-primary-hover: #b91c1c;
    --color-secondary: #f87171;
    --color-tertiary: #b91c1c;
    --color-logo-word-expert: #dc2626;
    --color-logo-word-day: #fecaca;
    --color-text: #fecaca;
    --color-text-muted: #fca5a5;
    --color-headline: #fef2f2;
    --color-border: rgba(148, 163, 184, 0.16);
    --color-border-highlight: rgba(243, 147, 36, 0.35);
    --color-table-row-bg: #1f1010;
    --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);
    --gradient-brand: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
    --gradient-text: linear-gradient(to right, var(--color-primary), var(--color-secondary));
    --shadow-glow: 0 0 32px rgba(243, 147, 36, 0.18);
}

html {
    color-scheme: dark;
}