:root {
    --color-bg: #1e1d1b;
    --color-bg-elevated: #2a2925;
    --color-border: #423f39;
    --color-text: #f3efe6;
    --color-text-muted: #a89f91;

    --color-accent: #4c8c4a;
    --color-accent-hover: #5da05a;
    --color-accent-soft: #2f4a2c;

    --color-highlight: #d9a441;
    --color-danger: #c1503f;
    --color-danger-hover: #d15f4d;

    --color-board: #4c8c4a;
    --color-piece-light: #f3efe6;

    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 1rem;
    --space-4: 1.5rem;
    --space-5: 2.5rem;
    --space-6: 4rem;

    --font-principal: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --sombra-tarjeta: 0 8px 24px rgba(0, 0, 0, 0.35);
}