/*
==================================================
VARIABLES
Mazury Hip Hop Festival Premium Theme
==================================================
*/

:root {

/* ======================================
   FESTIVAL EDITION
====================================== */

--festival-year: "2027";

--festival-primary:#ff0055;
--festival-secondary:#00d9ff;
--festival-accent:#ff7a00;

--festival-bg-1:#060913;
--festival-bg-2:#101735;
--festival-bg-3:#250025;

--festival-glow-1:rgba(0,120,255,.18);
--festival-glow-2:rgba(255,0,170,.16);


/* ======================================
   COLORS
====================================== */

--color-primary:#ff0055;
--color-primary-dark:#cc0044;
--color-secondary:#00d9ff;

--color-dark:#080808;
--color-dark-soft:#111111;
--color-dark-card:#171717;

--color-light:#ffffff;
--color-light-soft:#f5f5f5;

--color-text:#202020;
--color-text-light:#bdbdbd;
--color-muted:#777777;

--color-success:#00c853;

--color-border:rgba(255,255,255,.12);
--color-border-dark:rgba(0,0,0,.08);


/* ======================================
   TICKETS
====================================== */

--color-standard:#ffffff;
--color-premium:#ff4d30;
--color-vip:#f1cf66;
--color-gold-dark:#a47a12;


/* ======================================
   GRADIENTS
====================================== */

--gradient-primary:
linear-gradient(
    135deg,
    #ff0055,
    #ff7a00
);

--gradient-dark:
linear-gradient(
    180deg,
    #111111,
    #050505
);

--gradient-overlay:
linear-gradient(
    180deg,
    rgba(0,0,0,.2),
    rgba(0,0,0,.85)
);

--gradient-card:
linear-gradient(
    145deg,
    #171717,
    #090909
);

--gradient-card-dark:
linear-gradient(
    180deg,
    #1b1b1b,
    #090909
);

--gradient-premium:
linear-gradient(
    135deg,
    #ff2456,
    #ff7a00
);

--gradient-vip:
linear-gradient(
    135deg,
    #f1cf66,
    #b58a1b
);


/* ======================================
   GLASS
====================================== */

--glass:rgba(255,255,255,.05);
--glass-light:rgba(255,255,255,.08);
--glass-dark:rgba(255,255,255,.03);

--glass-border:rgba(255,255,255,.08);
--glass-border-strong:rgba(255,255,255,.16);

--backdrop:blur(14px);


/* ======================================
   TYPOGRAPHY
====================================== */

--font-primary:'Montserrat',Arial,sans-serif;
--font-heading:'Montserrat',Arial,sans-serif;

--font-size-xs:.75rem;
--font-size-sm:.875rem;
--font-size-base:1rem;
--font-size-lg:1.25rem;
--font-size-xl:2rem;
--font-size-xxl:3.5rem;

--line-height-base:1.6;
--line-height-heading:1.15;


/* ======================================
   LAYOUT
====================================== */

--container-width:1280px;
--container-small:900px;

--section-padding:100px;
--section-padding-mobile:60px;
--section-gap:6rem;


/* ======================================
   SPACING
====================================== */

--space-xs:8px;
--space-sm:16px;
--space-md:24px;
--space-lg:40px;
--space-xl:60px;
--space-xxl:100px;


/* ======================================
   BORDER RADIUS
====================================== */

--radius-sm:8px;
--radius-md:16px;
--radius-lg:30px;
--radius-xl:50px;
--radius-pill:999px;


/* ======================================
   SHADOWS
====================================== */

--shadow-sm:
0 5px 20px rgba(0,0,0,.15);

--shadow-md:
0 15px 40px rgba(0,0,0,.25);

--shadow-lg:
0 25px 70px rgba(0,0,0,.45);

--shadow-card:
0 20px 60px rgba(0,0,0,.35);

--shadow-hover:
0 30px 80px rgba(0,0,0,.45);

--shadow-primary:
0 15px 40px rgba(255,0,85,.35);

--shadow-neon:
0 0 30px rgba(255,36,86,.45);

--shadow-gold:
0 0 35px rgba(241,207,102,.35);


/* ======================================
   TRANSITIONS
====================================== */

--transition-fast:.2s ease;
--transition-base:.35s ease;
--transition-slow:.6s ease;

--transition-hover:
all .35s cubic-bezier(.22,.61,.36,1);

--transition-glow:
all .45s ease;


/* ======================================
   COMPONENTS
====================================== */

--button-height:56px;
--button-radius:999px;
--button-padding:1.5rem;
	
--section-header-gap:1rem;
--section-header-margin:4rem;

--section-header-width:640px;

--eyebrow-line-width:42px;
--eyebrow-line-height:2px;

--card-radius:30px;
--card-padding:2rem;


/* ======================================
   Z INDEX
====================================== */

--z-background:-1;
--z-base:1;
--z-content:10;

--z-floating:50;

--z-header:1000;
--z-overlay:2000;
--z-modal:3000;

}