:root {
    /* Color System */
    --color-white: #ffffff;
    --color-charcoal-black: #111111;
    --color-graphite: #2b2b2b;
    --color-graphite-light: #444444;
    
    /* Accents */
    --color-electric-blue: #0055ff;
    --color-emerald: #00b07a;
    --color-warm-orange: #ff6b35;
    --color-muted-purple: #8b79d2;
    --color-soft-beige: #f5f3f0;
    
    /* Functional Colors */
    --color-border: rgba(255, 255, 255, 0.15);
    --color-border-dark: rgba(17, 17, 17, 0.15);
    --color-text-primary: var(--color-charcoal-black);
    --color-text-secondary: var(--color-graphite-light);
    --color-text-inverse: var(--color-white);
    
    /* Typography */
    --font-ui: 'Inter', sans-serif;
    --font-editorial: 'Playfair Display', serif;
    
    /* Layout */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;
    --spacing-xl: 8rem;
    
    --container-max-width: 1440px;
    --container-padding: 5vw;
    
    /* Z-index */
    --z-index-base: 1;
    --z-index-overlay: 10;
    --z-index-modal: 100;
}

/* Light/Dark mode specific resets if needed, but we default to a premium light/dark mix per page */