/* ================================================================
   Methodist Booster — Design Tokens
   Единственный источник правды для цветов, шрифтов, размеров.
   ================================================================ */

:root {
    /* ---------- Фоны и поверхности ---------- */
    --bg:           #FAF9F7;   /* тёплый светлый фон */
    --bg-elev:      #FFFFFF;   /* карточки, поверхности */
    --bg-soft:      #F5F3EF;   /* мягкий фон для блоков */

    /* ---------- Текст ---------- */
    --text:         #0F172A;
    --text-muted:   #475569;
    --text-soft:    #64748B;
    --text-inverse: #FFFFFF;

    /* ---------- Границы ---------- */
    --border:       #E5E7EB;
    --border-strong:#CBD5E1;

    /* ---------- Базовые акценты (семья с портфолио) ---------- */
    --accent-blue:        #3A5A78;
    --accent-blue-deep:   #1F3B54;
    --accent-blue-soft:   rgba(58, 90, 120, 0.10);

    --accent-mint:        #22C1A0;
    --accent-mint-deep:   #178A75;
    --accent-mint-soft:   rgba(34, 193, 160, 0.12);

    /* ---------- Тёплый акцент для важных CTA ---------- */
    --accent-coral:       #D49C6C;
    --accent-coral-deep:  #B35E3A;
    --accent-coral-soft:  rgba(212, 156, 108, 0.15);

    --accent-rose:        #F6A9C5;
    --accent-rose-soft:   rgba(246, 169, 197, 0.15);

    /* ---------- Цвета инструментов ---------- */
    --tool-ivanov:        #22C1A0;   /* Mint */
    --tool-activities:    #D49C6C;   /* Coral */
    --tool-cards:         #3A5A78;   /* Slate */
    --tool-audit:         #B35E3A;   /* Deep Rose */
    --tool-vision:        #6D5CE7;   /* Purple-Blue */

    /* ---------- Семантика ---------- */
    --success: #15803D;
    --warning: #B45309;
    --danger:  #B34E4E;

    /* ---------- Радиальные градиенты фона ---------- */
    /* Усилены относительно портфолио (там 12–18%, тут 30–40%) */
    --tint-coral: rgba(212, 156, 108, 0.32);
    --tint-mint:  rgba(34,  193, 160, 0.28);
    --tint-rose:  rgba(246, 169, 197, 0.22);
    --tint-blue:  rgba(58,  90,  120, 0.18);

    /* ---------- Типографика ---------- */
    --font-sans:  'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    --font-mono:  ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;

    --fs-micro:   12px;
    --fs-small:   14px;
    --fs-body:    16px;
    --fs-body-lg: 18px;
    --fs-h3:      20px;
    --fs-h2:      clamp(24px, 3vw, 36px);
    --fs-h1:      clamp(32px, 4vw, 48px);
    --fs-hero:    clamp(40px, 5vw, 64px);

    --fw-regular: 400;
    --fw-medium:  500;
    --fw-semi:    600;
    --fw-bold:    700;

    --lh-tight:   1.15;
    --lh-snug:    1.3;
    --lh-normal:  1.6;

    /* ---------- Отступы ---------- */
    --s-1:  4px;
    --s-2:  8px;
    --s-3:  16px;
    --s-4:  24px;
    --s-5:  32px;
    --s-6:  48px;
    --s-7:  64px;
    --s-8:  96px;

    /* ---------- Радиусы ---------- */
    --radius-sm:   6px;
    --radius:      12px;
    --radius-lg:   16px;
    --radius-xl:   24px;
    --radius-pill: 999px;

    /* ---------- Тени ---------- */
    --shadow-sm:   0 2px 8px  rgba(15, 23, 42, 0.04);
    --shadow:      0 6px 22px rgba(15, 23, 42, 0.06);
    --shadow-md:   0 8px 24px rgba(15, 23, 42, 0.08);
    --shadow-lg:   0 16px 40px rgba(15, 23, 42, 0.12);

    /* ---------- Размеры ---------- */
    --container-narrow: 720px;
    --container:        1080px;
    --container-wide:   1200px;

    /* ---------- Тайминги анимаций ---------- */
    --t-fast:   120ms;
    --t:        200ms;
    --t-slow:   320ms;
    --ease:     cubic-bezier(0.4, 0, 0.2, 1);
}