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

:root {
    /* ---------- Фоны и поверхности ---------- */
    --bg:           #FFFFFF;   /* белый */
    --bg-elev:      #FFFFFF;   /* карточки, поверхности */
    --bg-soft:      #F5F5F5;   /* мягкий серый фон */
    --bg-yellow:    #FFEA6C;   /* жёлтый секции (семья с портфолио) */

    /* ---------- Текст ---------- */
    --text:         #1A1A1A;
    --text-muted:   #444444;
    --text-soft:    #666666;
    --text-inverse: #FFFFFF;

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

    /* ---------- Базовые акценты (чёрный — семья с портфолио) ---------- */
    --accent:             #1A1A1A;
    --accent-deep:        #000000;
    --accent-soft:        rgba(26, 26, 26, 0.08);

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

    /* ---------- Таймлайн (Иванов) ---------- */
    --tl-intro:      #f59e0b;
    --tl-debrief:    #0ea5e9;
    --tl-discuss:    #a855f7;
    --tl-break:      #94a3b8;
    --tl-energizer:  #facc15;
    --tl-energizer-t:#422006;

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

    /* ---------- Легаси-акценты (для совместимости со страницами инструментов) ---------- */
    --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);
    --accent-coral:       #D49C6C;
    --accent-coral-deep:  #B35E3A;
    --accent-coral-soft:  rgba(212, 156, 108, 0.15);

    /* ---------- Типографика ---------- */
    --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);
}