:root {
    /* Colors — light theme */
    --color-bg:           #ffffff;
    --color-bg-secondary: #f4f7fb;
    --color-bg-card:      #ffffff;
    --color-bg-dark:      #041E37;
    --color-accent:       #2563eb;
    --color-accent-hover: #1d4ed8;
    --color-accent-light: #3b82f6;
    --color-white:        #ffffff;
    --color-text:         #1e293b;
    --color-text-muted:   #64748b;
    --color-border:       #e2e8f0;
    --color-success:      #22c55e;
    --color-warning:      #f59e0b;
    --color-error:        #ef4444;

    /* Typography */
    --font-main:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-size-xs: 12px;
    --font-size-sm: 14px;
    --font-size-md: 16px;
    --font-size-lg: 18px;
    --font-size-xl: 20px;
    --font-size-2xl: 24px;
    --font-size-3xl: 32px;
    --font-size-4xl: 42px;

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

    /* Layout */
    --container-max:    1280px;
    --container-pad:    var(--spacing-lg);
    --header-height:    80px;
    /* Смещение верха липкой шапки. По умолчанию 0; для залогиненного
       пользователя перебивается в main.css (body.admin-bar) на высоту
       админ-бара WordPress, иначе шапка уезжает под него. Все sticky-блоки
       считают свой top от суммы --header-height + --header-offset. */
    --header-offset:    0px;
    --border-radius-sm: 6px;
    --border-radius-md: 10px;
    --border-radius-lg: 16px;

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.16);

    /* Transitions */
    --transition-fast:   0.15s ease;
    --transition-normal: 0.25s ease;
    --transition-slow:   0.4s ease;

    /* Breakpoints (for reference in JS) */
    --bp-mobile:  767px;
    --bp-tablet:  1199px;
}

/* Breakpoints:
   Mobile:  320px – 767px
   Tablet:  768px – 1199px
   Desktop: 1200px+
*/