:root {
    /* ===== Colors (extracted from magicfitness.pro) ===== */
    --color-bg-hero: #ef9abd;
    --color-bg-light: #f5ead4;
    --color-bg-contact-sky: #6c8bc4;
    --color-bg-faq: #4f3962;
    --color-bg-footer: #2a1a4a;

    --color-primary: #8b7bc0;
    --color-primary-dark: #6d5aa2;
    --color-primary-light: #b9a6d8;
    --color-accent: #ef9abd;

    --color-text: #1a1a1a;
    --color-text-light: #ffffff;
    --color-text-muted: #666666;
    --color-border: #8b7bc0;

    --color-coin: #f5c842;
    --color-coin-shade: #c99a1f;

    /* ===== Typography ===== */
    --font-pixel: 'Press Start 2P', cursive;
    --font-body: 'Montserrat', sans-serif;

    --fs-xs: 0.625rem;    /* 10px */
    --fs-sm: 0.75rem;     /* 12px */
    --fs-base: 0.875rem;  /* 14px */
    --fs-md: 1rem;        /* 16px */
    --fs-lg: 1.25rem;     /* 20px */
    --fs-xl: 1.5rem;      /* 24px */
    --fs-2xl: 2rem;       /* 32px */
    --fs-3xl: 2.5rem;     /* 40px */
    --fs-4xl: 3.5rem;     /* 56px */

    /* ===== Spacing ===== */
    --sp-xs: 4px;
    --sp-sm: 8px;
    --sp-md: 16px;
    --sp-lg: 24px;
    --sp-xl: 32px;
    --sp-2xl: 48px;
    --sp-3xl: 64px;
    --sp-4xl: 96px;

    /* ===== Layout ===== */
    --container-max: 1200px;
    --container-padding: 20px;

    /* ===== Transitions ===== */
    --transition-fast: 0.2s ease-in-out;
    --transition-base: 0.3s ease-in-out;
    --transition-slow: 0.5s ease-in-out;
}