@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap');

:root {
    /* Fonts */
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Inter', sans-serif;

    /* Theme Colors (Corporate Gold & Dark Slate) */
    --bg-primary: #0a0d10;
    --bg-secondary: #10141a;
    --bg-surface: rgba(22, 28, 36, 0.7);
    --bg-surface-opaque: #161c24;
    --border-glass: rgba(255, 255, 255, 0.06);
    --border-glass-active: rgba(197, 168, 128, 0.3);

    /* Brand Accent Colors */
    --color-gold: #c5a880;
    --color-gold-hover: #d8c19d;
    --color-gold-rgb: 197, 168, 128;
    
    /* Child Brand Accents */
    --color-little-bangkok: #ff6000;
    --color-superbowl: #e62e2d;
    --color-red-door: #9e1a1a;
    --color-culex-food: #00b0ff;

    /* Text Colors */
    --text-primary: #f8fafc;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    --text-gold: #c5a880;

    /* Shadow and Glows */
    --shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.3);
    --shadow-premium: 0 12px 40px rgba(0, 0, 0, 0.5);
    --glow-gold: 0 0 15px rgba(197, 168, 128, 0.15);

    /* Animation Transitions */
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);

    /* Border Radius */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-full: 9999px;
}