:root {
    --color-brand-yellow: #FFC81B;
    --color-bg-white: #ffffff;
    --color-bg-dark: #000000;
    --color-text-dark: #1a1a1a;
    --color-text-gray: #666666;
    --color-text-muted: #888888;
    --color-text-secondary: #555555;
    --color-text-light: #cccccc;
    --color-text-light-alt: #a3a3a3;
    --color-fg-light: #ffffff;

    --font-primary: 'Inter', system-ui, -apple-system, sans-serif;

    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 2rem;
    --spacing-xl: 4rem;
    --container-max-width: 1200px;

    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
}