:root {

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

--gala-black: 0 0% 5%;
--gala-white: 0 0% 100%;
--gala-fluo: 72 100% 50%;
--gala-dark: 240 6% 10%;
--gala-gray: 0 0% 15%;


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

--gala-font-main: 'Inter', system-ui, -apple-system, sans-serif;

--gala-text-xs: 0.75rem;
--gala-text-sm: 0.875rem;
--gala-text-base: 1rem;
--gala-text-lg: 1.125rem;
--gala-text-xl: 1.25rem;
--gala-text-2xl: 1.5rem;
--gala-text-3xl: 1.875rem;
--gala-text-4xl: 2.25rem;


/* =========================
   SPACING SCALE (se usata nel custom)
========================= */

--gala-space-1: 0.25rem;
--gala-space-2: 0.5rem;
--gala-space-3: 0.75rem;
--gala-space-4: 1rem;
--gala-space-5: 1.25rem;
--gala-space-6: 1.5rem;
--gala-space-8: 2rem;
--gala-space-10: 2.5rem;
--gala-space-12: 3rem;


/* =========================
   EFFECTS
========================= */

--gala-radius-sm: 6px;
--gala-radius-md: 10px;
--gala-radius-lg: 16px;

--gala-blur-sm: 6px;
--gala-blur-md: 14px;
--gala-blur-lg: 28px;


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

--gala-transition-fast: 0.2s ease;
--gala-transition-base: 0.3s ease;
--gala-transition-slow: 0.5s ease;

}