/* ===================================
   Variables & Theme - Premium Update
   ================================== */
:root {
    /* Brand Colors - Beat Tacos */
    --color-primary: #0ac1df;
    /* Turquoise */
    --color-primary-dark: #089eb6;
    --color-primary-light: #5ed6ea;

    /* Accent & Utility */
    --color-accent: #E63946;
    /* Alert/Callout */
    --color-white: #FFFFFF;

    /* Neutrals - Premium Dark Theme */
    --color-dark: #1A1A1A;
    /* Charcoal */
    --color-darker: #0d0d0d;
    /* Deep Black */
    --color-light: #FFFFFF;

    /* Backgrounds - Brand Theme (Blue Return) */
    --color-cream: #0ac1df;
    /* Turquoise */
    --color-gray: #8B8B8B;
    --color-gray-light: #F2F2F2;

    /* Sand Tones -> Blue Theme */
    --color-sand: #089eb6;
    /* Darker Turquoise */
    --color-sand-light: #0ac1df;
    /* Primary Turquoise */
    --color-sand-dark: #067d91;
    /* Deep Blue */

    /* Typography */
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Noto Sans JP', sans-serif;
    --font-accent: 'Amatic SC', cursive;
    /* Casual/Handwritten */
    --font-script: 'Pinyon Script', cursive;
    /* Elegant Accent */
    --font-display: 'Rye', serif;
    /* Western Accent */
    --font-fancy: 'Pinyon Script', cursive;
    --font-base: 'Noto Sans JP', sans-serif;

    /* Spacing System */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 2rem;
    --space-xl: 3rem;
    --space-xxl: 4rem;

    /* Layout */
    --nav-height: 80px;
    /* Slightly taller for elegance */

    /* Transitions (Premium Curves) */
    --transition-fast: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --transition-base: 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    --transition-slow: 0.8s cubic-bezier(0.16, 1, 0.3, 1);

    /* Shadows (Soft & Diffuse) */
    --shadow-sm: 0 4px 10px rgba(0, 0, 0, 0.03);
    --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 25px 50px rgba(0, 0, 0, 0.12);

    /* Aliases for section compatibility */
    --font-fancy: var(--font-script);
    --font-base: var(--font-body);
}