:root {
    --font-xs: 0.72rem;
    --font-sm: 0.82rem;
    --font-base: 0.94rem;
    --font-md: 1.05rem;
    --font-lg: 1.18rem;
    --font-xl: 1.38rem;
    --font-2xl: 1.6rem;
    --font-3xl: 1.85rem;

    --bg-primary: #1A1D24;
    --bg-secondary: #242A35;
    --bg-card: #2C3442;

    --text-primary: #F8FAFC;
    --text-secondary: #CBD5E1;

    --accent-gold: #C89B3C;
    --accent-green: #22C55E;
    --accent-orange: #F59E0B;
    --accent-red: #EF4444;

    --border-color: #374151;

    --shadow-soft: 0 4px 12px rgba(0, 0, 0, 0.15);

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;

    --sidebar-width: 220px;

    --transition: all 0.25s ease;
}

[data-theme="light"] {
    --bg-primary: #F4F6F8;
    --bg-secondary: #FFFFFF;
    --bg-card: #FFFFFF;

    --text-primary: #1F2937;
    --text-secondary: #6B7280;

    --accent-gold: #C89B3C;
    --accent-green: #22C55E;
    --accent-orange: #F59E0B;
    --accent-red: #EF4444;

    --border-color: #E5E7EB;

    --shadow-soft: 0 4px 12px rgba(0, 0, 0, 0.08);
}