/* assets/css/variables.css */
:root {
    /* --- The Shonger Brand Palette --- */
    --color-orange: #ED4C34; /* Extracted from image */
    --color-navy: #15466A;   
    --color-teal: #1DB0B9;
    --color-light: #F8F9FA;  /* Extremely clean off-white */
    --color-dark: #121212;   /* Pure dark for contrast */
    --color-deep-navy: #0B1926; 

    /* Primary Application Themes */
    /* We are using an elegant Light Theme as Base, typical of Awwwards */
    --bg-primary: var(--color-light);
    --text-primary: var(--color-dark);
    --text-muted: #666666;
    
    --bg-inverted: var(--color-dark);
    --text-inverted: var(--color-light);

    /* --- Typography (Awwwards Style) --- */
    /* Using 'Clash Display' or 'Syne' for massive structural headers, 'Inter' for body */
    --font-heading: 'Syne', sans-serif;
    --font-body: 'Inter', sans-serif;
    
    /* Massive Fluid Typo */
    --h1-size: clamp(4rem, 12vw, 12rem);
    --h2-size: clamp(3rem, 8vw, 8rem);
    --h3-size: clamp(2rem, 4vw, 4rem);
    --body-size: clamp(1rem, 1.2vw, 1.2rem);
    
    /* --- Architecture --- */
    --grid-gap: 2rem;
    --padding-global: clamp(1.5rem, 5vw, 5rem);
    
    /* --- Physics & GSAP timings --- */
    --ease-expo: cubic-bezier(0.85, 0, 0.15, 1);
    --transition-fast: 0.3s var(--ease-expo);
    --transition-slow: 0.8s var(--ease-expo);

    /* --- Cursor Setup --- */
    --z-cursor: 9999;
}

/* Inverted section modifier */
.theme-dark {
    background-color: var(--color-dark);
    color: var(--color-light);
}