/* ==========================================================================
   tmetr — variables.css
   Дизайн-токены темы. Все цвета/шрифты/отступы вынесены в CSS custom
   properties, чтобы ребрендинг сводился к правке этого файла.
   ========================================================================== */

:root {
    /* --- Бренд: «ДА „Европа“». Базовая палитра — глубокий синий + тёплый акцент. --- */
    --color-brand:        #1d4ed8;   /* основной синий */
    --color-brand-dark:   #1438a6;
    --color-brand-light:  #eaf0ff;
    --color-accent:       #f59e0b;   /* акцент / CTA */
    --color-accent-dark:  #d97f06;

    /* --- Нейтральные --- */
    --color-bg:           #ffffff;
    --color-bg-alt:       #f6f8fb;   /* секции с подложкой */
    --color-bg-dark:      #0f172a;   /* подвал / тёмные полосы */
    --color-text:         #1e2532;
    --color-text-muted:   #5b6472;
    --color-text-invert:  #f8fafc;
    --color-border:       #e3e8ef;

    --color-success:      #16a34a;
    --color-danger:       #dc2626;

    /* --- Типографика --- */
    --font-sans: "Inter", "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-head: "Manrope", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

    --fs-xs:   0.8125rem;  /* 13px */
    --fs-sm:   0.9375rem;  /* 15px */
    --fs-base: 1rem;       /* 16px */
    --fs-lg:   1.125rem;   /* 18px */
    --fs-xl:   1.375rem;   /* 22px */
    --fs-h3:   1.5rem;     /* 24px */
    --fs-h2:   2rem;       /* 32px */
    --fs-h1:   clamp(1.9rem, 4vw, 2.75rem);
    --fs-hero: clamp(2.1rem, 5vw, 3.25rem);

    --lh-tight: 1.15;
    --lh-base:  1.6;

    /* --- Сетка и отступы --- */
    --container:    1200px;
    --container-sm: 880px;
    --gap:        1.5rem;
    --gap-sm:     0.75rem;
    --gap-lg:     2.5rem;
    --section-y:  clamp(2.5rem, 6vw, 4.5rem);

    /* --- Скругления и тени --- */
    --radius-sm: 8px;
    --radius:    14px;
    --radius-lg: 22px;
    --radius-pill: 999px;

    --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
    --shadow:    0 6px 24px rgba(15, 23, 42, 0.08);
    --shadow-lg: 0 18px 48px rgba(15, 23, 42, 0.14);

    --transition: 0.2s ease;
}