:root {
    /* Brand Colors */
    --color-primary: #00CED1; /* Turquoise */
    --color-secondary: #003366; /* Dark Blue */
    --color-accent: #FF8C00; /* Vibrant Orange */
    
    /* Neutral Colors */
    --color-bg: #F8F9FA;
    --color-bg-white: #FFFFFF;
    --color-text-main: #333333;
    --color-text-light: #666666;
    --color-border: #E5E5E5;

    /* Typography */
    --font-main: 'Inter', system-ui, -apple-system, sans-serif;
    --font-size-h1: 3.5rem;
    --font-size-h2: 2.5rem;
    --font-size-h3: 1.5rem;
    --font-size-p: 1rem;

    /* Spacing & Layout */
    --container-width: 1200px;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 2rem;
    --spacing-xl: 4rem;
    
    /* Effects */
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.05);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.1);
    --radius-sm: 4px;
    --radius-md: 8px;
    --transition-fast: 0.2s ease;
}