/* Калька — дизайн-система платформы «Городской Диалог» Ред. 1 · 17.08.2026 Единственный источник значений. Ни один компонент не содержит hex-кодов: только эти переменные. Извлечено из живого стайлгайда gd-styleguide.html — правки вносить здесь, стайлгайд обновлять из этого файла. Контрасты проверены (WCAG 2.1): ink/paper 13.5:1 · muted/paper 4.6:1 · signal/paper 5.4:1 · water/paper 6.3:1 edge/paper 3.2:1 (граница интерактивного элемента, минимум 3:1) hair — декоративный разделитель, границей контрола быть не может Ночь «Синька»: ink 12.8:1 · muted 6.0:1 · signal 4.8:1 · edge 3.4:1 (к полю) Шрифты: Literata (serif) + JetBrains Mono (utility). Оба self-hosted, сабсет RU+EN, woff2, font-display:swap. Sans-serif в системе не используется. */ :root{ /* ——— тема «Калька» (день, основная) ——— */ --gd-paper:#E9EBE6; /* лист */ --gd-field:#F6F7F4; /* поле ввода, карточка, врезка */ --gd-ink:#1A2220; /* тушь: весь основной текст и конструктивные линии */ --gd-muted:#646B62; /* второй план: подписи, мета (4.58:1 к листу) */ --gd-edge:#7E857C; /* граница интерактивного элемента (3.16:1) */ --gd-hair:#C6CAC1; /* волосяная линия: только разделители, не границы контролов */ --gd-signal:#A93520; /* сурик: срочность, удаление, выбранный объект (5.44:1) */ --gd-water:#2C5A68; /* петроль: ссылки, документы, вода на карте (6.32:1) */ /* тональная шкала для графиков — три шага, каждый ≥3:1 к листу */ --gd-tone-1:#1A2220; --gd-tone-2:#545A57; --gd-tone-3:#7E857C; /* типографика */ --gd-serif:"Literata","Iowan Old Style",Georgia,"Times New Roman",serif; --gd-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace; /* шкала кегля */ --gd-t-display:28px; /* заголовок страницы */ --gd-t-h2:19px; /* заголовок карточки */ --gd-t-body:15px; /* текст */ --gd-t-small:13.5px; /* плотные таблицы, вторичный текст */ --gd-t-label:10px; /* mono-надпись, uppercase, трекинг .12em */ --gd-t-num:22px; /* число в штампе */ /* сетка: база 4px */ --gd-s1:4px; --gd-s2:8px; --gd-s3:12px; --gd-s4:18px; --gd-s5:26px; --gd-s6:40px; --gd-rail:196px; --gd-max:1180px; --gd-radius:0; /* всегда ноль: чертёж не имеет скруглений */ --gd-row:34px; /* высота строки реестра при обычной плотности */ } :root[data-theme="night"], :root[data-theme="dark"]{ /* ——— тема «Синька» (ночь): не инверсия дня, а озалид ——— Селектор отвечает и на "dark": механизм темы платформы (theme-manager.js + pre-paint скрипт) ставит на data-theme="dark", канонное имя Кальки — "night". */ --gd-paper:#14212A; --gd-field:#1C2E38; --gd-ink:#DDE5E3; --gd-muted:#9CADB1; --gd-edge:#68818E; --gd-hair:#2C4350; --gd-signal:#E07B57; --gd-water:#86BECD; --gd-tone-1:#DDE5E3; --gd-tone-2:#A5AEAF; --gd-tone-3:#747F83; } :root[data-density="dense"]{ --gd-row:26px; --gd-t-body:14px; --gd-t-small:12.5px; } :root[data-density="loose"]{ --gd-row:42px; } /* штриховки: кодируют раздел или контур, не украшают */ .hz{border:1px solid var(--gd-ink)} .hz-1{background:repeating-linear-gradient(45deg,var(--gd-ink) 0 1px,transparent 1px 4px)} .hz-2{background:repeating-linear-gradient(0deg,var(--gd-ink) 0 1px,transparent 1px 4px)} .hz-3{background:repeating-linear-gradient(90deg,var(--gd-ink) 0 1px,transparent 1px 5px)} .hz-4{background:repeating-linear-gradient(-45deg,var(--gd-ink) 0 1px,transparent 1px 5px)} .hz-5{background:radial-gradient(var(--gd-ink) .8px,transparent .9px);background-size:4px 4px} .hz-6{background:repeating-linear-gradient(45deg,var(--gd-edge) 0 1px,transparent 1px 7px)}