/* testbesplatno.ru — токены. Подключать первым файлом. */ :root{ /* поверхности: лестница бумага → карточка → поднятая карточка */ --tb-paper:#F2F2EF; --tb-card:#FFFFFF; --tb-raise:#FFFFFF; --tb-field:#FFFFFF; --tb-ink:#17181C; --tb-mute:#6B6C72; --tb-hair:#E2E1DC; --tb-shadow:0 1px 2px rgba(23,24,28,.05), 0 8px 24px rgba(23,24,28,.06); --tb-shadow-hover:0 2px 4px rgba(23,24,28,.06), 0 14px 34px rgba(23,24,28,.10); --tb-selected-wash:rgba(107,75,158,.06); /* тона разделов: основной и тёмный конец градиента (−18% светлоты) */ --tb-relations:#CF5540; --tb-relations-2:#AA4634; --tb-fun:#B07319; --tb-fun-2:#905E15; --tb-health:#2F7D5B; --tb-health-2:#27674B; --tb-intellect:#37628F; --tb-intellect-2:#2D5075; --tb-personality:#6B4B9E; --tb-personality-2:#583E82; --tb-psyche:#B23C77; --tb-psyche-2:#923162; /* тон текущей страницы; выставляется на */ --tb-tone:var(--tb-personality); --tb-tone-2:var(--tb-personality-2); /* типографика: только эти три семейства, локальные @font-face */ --tb-font-head:"Onest",system-ui,sans-serif; /* заголовки и названия тестов */ --tb-font-body:"Golos Text",system-ui,sans-serif; /* текст и лиды */ --tb-font-mono:"IBM Plex Mono",ui-monospace,monospace; /* ТОЛЬКО числа и метки */ --tb-fs-h1:3.5rem; --tb-lh-h1:1.03; --tb-fs-h2:1.75rem; --tb-lh-h2:1.15; --tb-fs-h3:1.375rem; --tb-lh-h3:1.2; --tb-fs-lead:1.1875rem; --tb-lh-lead:1.55; --tb-fs-body:1.0625rem; --tb-lh-body:1.65; --tb-fs-ui:0.9375rem; --tb-fs-meta:0.75rem; --tb-fs-label:0.6875rem; --tb-tracking-tight:-.035em; /* h1 */ --tb-tracking-head:-.02em; /* h2/h3, названия */ --tb-tracking-label:.08em; /* моношир. метки, caps */ --tb-sp-1:.5rem; --tb-sp-2:.75rem; --tb-sp-3:1rem; --tb-sp-4:1.375rem; --tb-sp-5:1.75rem; --tb-sp-6:2.125rem; --tb-sp-7:2.75rem; --tb-sp-8:4rem; --tb-sp-9:4.5rem; --tb-content:78rem; /* ширина контента */ --tb-gutter:1.5rem; /* внешние поля, на телефоне 1rem */ --tb-radius:16px; /* карточки, обложки, поля */ --tb-radius-sm:12px; /* кнопки, строки ответов */ --tb-radius-xs:10px; --tb-hit:44px; /* минимальная зона нажатия */ --tb-tap:52px; /* строки ответов и кнопки на телефоне */ --tb-ease:cubic-bezier(.2,.6,.2,1); } /* Тёмная схема — та же лестница поверхностей, тона разделов не меняются */ @media (prefers-color-scheme:dark){ :root{ --tb-paper:#0F1013; --tb-card:#171A1E; --tb-raise:#1E2227; --tb-field:#12151A; --tb-ink:#F0F0ED; --tb-mute:#9B9CA3; --tb-hair:#2A2D33; --tb-shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.35); --tb-shadow-hover:0 2px 6px rgba(0,0,0,.45), 0 16px 40px rgba(0,0,0,.45); --tb-selected-wash:rgba(139,110,196,.14); } } /* Раскладки тона: класс на или на секции каталога */ .tb-tone-relations{--tb-tone:var(--tb-relations);--tb-tone-2:var(--tb-relations-2)} .tb-tone-fun{--tb-tone:var(--tb-fun);--tb-tone-2:var(--tb-fun-2)} .tb-tone-health{--tb-tone:var(--tb-health);--tb-tone-2:var(--tb-health-2)} .tb-tone-intellect{--tb-tone:var(--tb-intellect);--tb-tone-2:var(--tb-intellect-2)} .tb-tone-personality{--tb-tone:var(--tb-personality);--tb-tone-2:var(--tb-personality-2)} .tb-tone-psyche{--tb-tone:var(--tb-psyche);--tb-tone-2:var(--tb-psyche-2)}