/*
 * Дизайн-токены VideoMania — палитра «Базовая» (Studio).
 * Значения — фактический результат themeVars() макета для темы 0.
 */
@layer tokens {
    :root {
        color-scheme: dark;

        /* Фон */
        --bg: #0B0C0E;
        --bgd: #070809;

        /* Нейтральные поверхности (от светлоты фона к бордерам) */
        --n1: #101113;
        --n2: #141619;
        --n3: #1a1b1e;
        --n4: #1f2125;
        --n5: #232529;
        --n6: #282b2f;
        --n7: #2e3135;
        --n8: #34383d;
        --n9: #3c3f45;
        --n10: #474b52;
        --n11: #52575f;

        /* Текст */
        --t1: #EDEFF2;
        --t2: #dfe1e4;
        --t3: #cdcfd2;
        --t4: #a9abae;
        --t5: #97999b;
        --t6: #858789;
        --t7: #6e7072;
        --t8: #5c5e60;

        /* Акцент */
        --ac: #E96B2D;
        --acH: #ee8c5b;
        --acD: #c45a26;
        --ink: #1c0d05;
        --ink2: #130904;

        /* Мягкий акцент */
        --as1: #211611;
        --as2: #2f1b13;
        --as3: #452516;
        --as4: #763a1d;
        --as5: #bb714e;
        --at1: #eba686;
        --at2: #ebbaa3;

        /* Инфо */
        --in: #8ecfe4;
        --inT: #abd9e8;
        --inD: #6795a4;
        --is1: #182023;
        --is2: #253339;
        --is3: #384e57;

        /* Опасность */
        --success: #60D480;
        --warning: #FFA500;
        --danger: #F08080;
        --danger-soft: #2A1416;
        --danger-bg: #140F10;
        --danger-border: #2A1F1F;
        --danger-border-strong: #4A2A2A;

        /* Шрифты. В Space Grotesk нет кириллицы — русский текст идёт системным fallback, как в макете. */
        --font-sans: 'IBM Plex Sans', system-ui, sans-serif;
        --font-display: 'Space Grotesk', sans-serif;
        --font-mono: 'IBM Plex Mono', monospace;

        /* Радиусы */
        --r-xs: 5px;
        --r-chip: 7px;
        --r-sm: 8px;
        --r-btn: 9px;
        --r-md: 10px;
        --r-control: 11px;
        --r-lg: 12px;
        --r-pop: 13px;
        --r-card: 14px;
        --r-xl: 16px;
        --r-modal: 18px;
        --r-pill: 999px;

        /* Тени */
        --shadow-pop: 0 20px 50px rgba(0, 0, 0, 0.6);
        --shadow-menu: 0 24px 60px rgba(0, 0, 0, 0.65);
        --shadow-modal: 0 30px 80px rgba(0, 0, 0, 0.65);
        --shadow-node: 0 12px 32px rgba(0, 0, 0, 0.4);

        /* Оверлеи */
        --overlay: color-mix(in srgb, var(--bgd) 72%, transparent);
        --overlay-strong: color-mix(in srgb, var(--bgd) 86%, transparent);
        --glass: color-mix(in srgb, var(--bgd) 78%, transparent);

        /* Паттерн-заглушка для пустых медиа */
        --stripes: repeating-linear-gradient(135deg, var(--n4) 0 8px, var(--n3) 8px 16px);

        /* Раскладка */
        --rail-w: 80px;
        --page-gutter: clamp(18px, 3vw, 44px);

        /* Слои */
        --z-sticky: 5;
        --z-dropdown: 40;
        --z-menu: 50;
        --z-rail: 60;
        --z-modal: 70;
        --z-viewer: 80;
        --z-toast: 90;

        /* Движение */
        --dur-fast: 120ms;
        --dur: 160ms;

        /* Bootstrap (слой vendor) говорит на наших токенах */
        --bs-body-bg: var(--bg);
        --bs-body-color: var(--t1);
        --bs-body-font-family: var(--font-sans);
        --bs-body-font-size: 14px;
        --bs-body-line-height: 1.5;
        --bs-border-color: var(--n7);
        --bs-secondary-color: var(--t5);
        --bs-tertiary-bg: var(--n3);
        --bs-secondary-bg: var(--n4);
        --bs-emphasis-color: var(--t1);
        --bs-link-color: var(--ac);
        --bs-link-hover-color: var(--acH);
        --bs-link-color-rgb: 233, 107, 45;
        --bs-link-hover-color-rgb: 238, 140, 91;
        --bs-primary: var(--ac);
        --bs-primary-rgb: 233, 107, 45;
        --bs-danger: var(--danger);
        --bs-danger-rgb: 240, 128, 128;
        --bs-heading-color: var(--t1);
        --bs-code-color: var(--at1);
        --bs-border-radius: var(--r-btn);
    }
}