/**
 * Design tokens — Bizzo Casino
 * Minden szín, betűméret, térköz és egyéb dizájn-változó itt kerül definiálásra.
 */
:root {
    /* --- Színek --- */
    --color-bg-primary: #210728;
    --color-bg-dark: #17051d;
    --color-accent-light: #ffd329;
    --color-white: #F1F4F4;
    --color-btn-accent-start: #8cff4b;
    --color-btn-accent-end: #19c93f;
    --color-btn-secondary-border: #c18a2e;
    --color-text-main: #b9a9c4;
    --color-heading-gold: #ffd429;
    --color-btn-text-dark: #102013;
    --color-card-bg: #2b0d36;
    --color-accent-neon: #22d943;
    --color-error: #ff4d4d;

    --gradient-btn-accent: linear-gradient(180deg, var(--color-btn-accent-start) 0%, var(--color-btn-accent-end) 100%);

    /* --- Типографика --- */
    --font-family-base: "Inter", "Segoe UI", Arial, sans-serif;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;

    --font-size-base: clamp(0.875rem, 1.2vw, 1rem);
    --font-size-small: clamp(0.8rem, 1vw, 0.875rem);
    --font-size-h1: clamp(2.25rem, 5vw, 3rem);
    --font-size-h2: clamp(1.625rem, 3.2vw, 2.125rem);
    --font-size-h3: clamp(1.25rem, 2vw, 1.5rem);
    --line-height-base: 1.6;

    /* --- Отступы --- */
    --space-section: clamp(2.5rem, 5vw, 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;

    /* --- Сетка --- */
    --container-max-width: 1440px;
    --container-padding-inline: clamp(1rem, 4vw, 2.5rem);

    /* --- Форма --- */
    --radius-card: 6px;
    --radius-pill: 999px;

    /* --- Тени --- */
    --shadow-card: 0 8px 24px rgba(0, 0, 0, 0.35);
    --shadow-header: 0 2px 12px rgba(0, 0, 0, 0.45);

    /* --- Переходы --- */
    --transition-fast: 0.15s ease;
    --transition-base: 0.25s ease;

    /* --- Z-index --- */
    --z-header: 100;
    --z-burger-menu: 110;
    --z-to-top: 90;
}