/* ==========================================================================
   Godz Casino — Design Tokens
   All colors, type, spacing, radii & transitions live here as CSS
   Custom Properties. No magic numbers anywhere else in the codebase.
   ========================================================================== */

:root {
	/* Colors */
	--color-bg-primary: #121212;
	--color-bg-dark: #0F1617;
	--color-accent-bg: #009CA9;
	--color-white: #FFFFFF;
	--color-text-main: #A4A4A4;
	--color-heading-accent: #F8C64E;
	--color-btn-text: #FFFFFF;
	--color-card-bg: #181818;
	--color-cool-accent: #394950;

	--gradient-btn-primary: linear-gradient(180deg, #09272B 0%, #3E9FAD 50%, #09272B 100%);
	--gradient-btn-secondary: linear-gradient(180deg, #0F1617 0%, #688091 51%, #2B313B 100%);

	/* Typography */
	--font-main: 'Cabin', system-ui, sans-serif;
	--font-display: 'Norse', 'Cabin', system-ui, sans-serif;

	--fs-body: clamp(0.875rem, 0.8rem + 0.3vw, 1rem);
	--fs-h1: clamp(2.125rem, 1.7rem + 1.8vw, 2.875rem);
	--fs-h2: clamp(1.625rem, 1.4rem + 1vw, 2.125rem);
	--fs-h3: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
	--line-height: 1.6;

	--fw-regular: 400;
	--fw-medium: 500;
	--fw-btn: 700;
	--fw-heading: 800;

	/* Spacing */
	--space-section: clamp(2.5rem, 2rem + 2vw, 3.75rem);
	--space-card-gap: 1.25rem;
	--space-paragraph: 1.25rem;
	--space-h2-text: 1.25rem;
	--space-h3-text: 1rem;
	--space-faq-gap: 1rem;
	--space-card-padding: 1.5rem;

	/* Layout */
	--container-max: 1440px;
	--container-pad: clamp(1rem, 3vw, 2.5rem);

	/* Shape: clipped corner instead of border-radius */
	--radius: 0;
	--clip-corner: polygon(100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 0);

	/* Shadows */
	--shadow-card: 0 8px 24px rgba(0, 0, 0, 0.35);

	/* Transitions */
	--transition-fast: 150ms ease;
	--transition-base: 250ms ease;

	/* Z-index scale */
	--z-header: 100;
	--z-totop: 90;
	--z-overlay: 200;
}