:root {
    --color-background: #0a0a0f;
    --color-surface: #14141f;
    --color-surface-hover: rgba(243, 147, 36, 0.08);
    --color-primary: #d4a017;
    --color-primary-hover: #c49215;
    --color-secondary: #f0c040;
    --color-tertiary: #c49215;
    --color-logo-word-expert: #d4a017;
    --color-logo-word-day: #e7e5e4;
    --color-text: #e7e5e4;
    --color-text-muted: #a8a29e;
    --color-headline: #fafaf9;
    --color-border: rgba(148, 163, 184, 0.16);
    --color-border-highlight: rgba(243, 147, 36, 0.35);
    --color-table-row-bg: #14141f;
    --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;
}