:root {
    /* Base Palette */
    --color-bg-dark: #202020;
    --color-bg-light: #fafafa;
    --color-bg-white: #ffffff;
    --color-bg-off-white: #f4f4f4;
    
    /* Text Colors */
    --color-text-white: #ffffff;
    --color-text-dark: #0a0a0a;
    --color-text-primary: #292929;
    --color-text-secondary: #525252;
    --color-text-muted: #737373;
    --color-text-subtle: #a3a3a3;
    
    /* UI Elements */
    --color-shadow: #7a7a7a;
    --color-shadow-dark: #202020;
    --color-shadow-light: #cacaca;
    --color-icon-fill: #e0e0e0;
    
    /* Legacy/Specific */
    --premium-gray: #666666;
    
    /* Brand Colors (Restored) */
    --color1: #2ecc71; /* Brand Green */
    --color2: #9b59b6; /* Brand Purple */
    --color-bg-dossier: rgba(47, 50, 77, 0.96);
    --color-bg-content: rgba(255, 255, 255, 0.99);
    --color-overlay-photo: #2f324de8;
    --color-hover-orange: rgb(255, 145, 0);
    
    /* Design Tokens (System Unification) */
    --ink: #0a0a0a;
    --ink-secondary: #525252;
    --ink-muted: #737373;
    --ink-subtle: #a3a3a3;
    
    --surface: #fafafa;
    --surface-elevated: #f5f5f5;
    
    --border: rgba(0,0,0,0.05);
    --border-strong: rgba(0,0,0,0.1);
    
    /* Typography */
    --premium-font-display: 'Bebas Neue', sans-serif;
    --premium-font-body: 'EB Garamond', serif;
    
    /* Layout Limits */
    --container-max-width: 1200px;
    --menu-max-width: 600px;
    --submenu-max-width: 1200px; /* New override if needed */
    
    /* Spacing */
    --space-xs: 8px;
    --space-sm: 16px;
    --space-md: 24px;
    --space-lg: 40px;
    --space-xl: 64px;

    /* Animations */
    --anim-speed-fast: 0.3s;
    --anim-speed-normal: 0.7s;
    --anim-speed-slowish: 1.8s; /* UI Zoom/Rotate */
    --anim-speed-slow: 2s; /* Visitor speed / Panels */
    --anim-speed-movement: 3s; /* Walking effect */
    --anim-ease-default: cubic-bezier(0.22, 1, 0.36, 1);
    
    /* Semantic mapping can be expanded here */
}