:root {
    --niz-primary: #CF814D;
    --niz-primary-hover: #b86b3b;
    --niz-primary-light: rgba(207,129,77,0.15);
    --niz-accent: #4ECDC4;
    --niz-accent-hover: #3dbdb5;
    --niz-dark: #0a0a0a;
    --niz-darker: #050505;
    --niz-light: #F5F5F5;
    --niz-white: #FFFFFF;
    --niz-gold: #D4A853;
    --niz-cream: #E8DDD3;

    --niz-gradient-primary: linear-gradient(135deg, #CF814D 0%, #D4A853 100%);
    --niz-gradient-accent: linear-gradient(135deg, #4ECDC4 0%, #44B09E 100%);
    --niz-gradient-dark: linear-gradient(180deg, #0a0a0a 0%, #050505 100%);

    --niz-glass: rgba(255,255,255,0.03);
    --niz-glass-border: rgba(255,255,255,0.07);
    --niz-glass-strong: rgba(255,255,255,0.06);

    /* Tipografía — alineada con el hero:
       --font-display: Oswald (bold condensado, como NIZ en el hero)
       --font-primary: Raleway (liviano geométrico, como ESTUDIO en el hero)
    */
    --font-display: 'Oswald', 'Arial Narrow', sans-serif;
    --font-primary: 'Raleway', 'Calibri', 'Gill Sans', sans-serif;

    --niz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --niz-transition-fast: all 0.2s ease;
    --niz-transition-slow: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    --niz-container-width: 1200px;
    --niz-container-wide: 1400px;
    --niz-header-height: 80px;

    --niz-shadow-sm: 0 2px 8px rgba(0,0,0,0.15);
    --niz-shadow-md: 0 8px 32px rgba(0,0,0,0.25);
    --niz-shadow-lg: 0 16px 48px rgba(0,0,0,0.4);
    --niz-shadow-glow: 0 0 30px rgba(207,129,77,0.2);
    --niz-shadow-accent-glow: 0 0 30px rgba(78,205,196,0.2);

    --niz-radius-sm: 8px;
    --niz-radius-md: 16px;
    --niz-radius-lg: 24px;
    --niz-radius-xl: 32px;
}

html {
    scroll-behavior: smooth;
    font-size: 16px;
}