/* =====================================================
   ELDAR MARKETING: токены дизайн-системы
   Единый источник для style.css, night-shift.css и лендингов.
   Правила использования: DESIGN.md в корне репо.
   ===================================================== */

:root {
    color-scheme: light;
    /* Colors (без изменений) */
    --bg: #ffffff;
    --bg-alt: #fafafa;
    --bg-invert: #0a0a0a;
    --ink: #0a0a0a;
    --ink-2: #1a1a1a;
    --ink-3: #323232;
    --muted: #6b6b6b;
    --muted-2: #999999;
    --line: #e8e8e8;
    --line-2: #1a1a1a;
    --on-invert: #f5f5f5;
    --on-invert-muted: #a8a8a8;

    /* Accent */
    --color-online: #28c76f;

    /* Spacing scale (8pt + φ на верхних ступенях) */
    --s-0: 4px;
    --s-1: 8px;
    --s-2: 16px;
    --s-3: 24px;
    --s-4: 40px;
    --s-5: 64px;
    --s-6: 104px;
    --s-7: 168px;

    /* Containers (golden ratio) */
    --container: 1240px;
    --reading: 768px;
    --narrow: 480px;
    --gutter: clamp(20px, 4vw, 32px);

    /* Typography scale (modular 1.250) */
    --t-2xs: 11px;
    --t-xs: 13px;
    --t-sm: 15px;
    --t-base: 17px;
    --t-md: 21px;
    --t-lg: 27px;
    --t-xl: 34px;
    --t-2xl: 42px;
    --t-3xl: 54px;
    --t-4xl: 68px;
    --t-5xl: 86px;

    /* Layout */
    --header-h: 88px;

    /* Section vertical rhythm */
    --section-pad-block: clamp(64px, 7vw, 104px);

    /* Grid */
    --grid-cols: 12;
    --grid-gap: var(--s-3);

    /* Fonts */
    --font-sans: 'GT Eesti', -apple-system, 'SF Pro Display', 'Helvetica Neue', system-ui, sans-serif;
    --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

    /* Transitions */
    --transition-fast: 0.18s cubic-bezier(.4, 0, .2, 1);
    --transition-med: 0.32s cubic-bezier(.4, 0, .2, 1);

    /* Radii */
    --r-xs: 4px;
    --r-sm: 8px;
    --r-md: 12px;
    --r-lg: 24px;
    --r-pill: 999px;
}

html.dark {
    color-scheme: dark;
    --bg: #0a0a0a;
    --bg-alt: #131313;
    --bg-invert: #f5f5f5;
    --ink: #f5f5f5;
    --ink-2: #e8e8e8;
    --ink-3: #cfcfcf;
    --muted: #9a9a9a;
    --muted-2: #6b6b6b;
    --line: #232323;
    --line-2: #e8e8e8;
    --on-invert: #0a0a0a;
    --on-invert-muted: #4a4a4a;
}