/* ========================================
   REFINED TAI CHI LANDING PAGE - PREMIUM
   ======================================== */

:root {
    /* Brand Colors */
    --color-brand-yellow: #F2C969;
    --color-primary-olive: #566231;
    --color-secondary-olive: #6C7442;
    --color-cream: #F7F1E8;
    --color-text-dark: #2A2A2A;
    --color-white: #FFFFFF;
    
    /* Semantic Colors */
    --color-bg-primary: var(--color-cream);
    --color-bg-section: #FAF7F2;
    --color-text-primary: var(--color-text-dark);
    --color-text-secondary: #5A5A5A;
    --color-accent: var(--color-brand-yellow);
    
    /* Layout */
    --container-max: 1200px;
    --spacing-xxs: 0.1rem;
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;
    --spacing-xl: 6rem;
    --spacing-2xl: 8rem;
    
    /* Typography */
    --font-primary: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    
    /* Borders & Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    
    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.12);
    --shadow-xl: 0 20px 48px rgba(0, 0, 0, 0.15);
    
    /* Transitions */
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-pulse: 3s ease-in-out infinite;
}