/* stepforge_site/assets/css/dl-tokens.css
 *
 * Токены редизайна "Daylight" (design/redesign_v2_light_simple.md §2 —
 * "corrective revision" после того, как владелец отклонил все три параллельных
 * концепта Almanac/Manifest/Voltage как тёмные/тяжёлые/перегруженные).
 * Реализует design/redesign_preview_v2_daylight.html (статический прототип,
 * раздел 0 его <style>) уже как боевой CSS.
 *
 * ─── Clean-room namespace — НЕ мост ────────────────────────────────────────
 * Спека §1/§9 прямо требует: у Daylight СВОЙ namespace --dl-*, без ссылок на
 * --sf-* / --mk-* ("Foundry") / --mf-* ("Manifest") и без переиспользования их
 * значений. В отличие от mk-tokens.css (который поверх --mk-* СОЗНАТЕЛЬНО
 * держит мост var(--sf-*) = var(--mk-*), чтобы мгновенно перекрасить весь
 * legacy-CSS) — здесь моста НЕТ и не должно быть: это не рескин старой
 * палитры, а самостоятельная идентика. --dl-* нигде не присваивается
 * существующим --sf-* / --mk-* переменным, и наоборот.
 *
 * ─── Позиция в стеке <head> ────────────────────────────────────────────────
 * Подключать ПОСЛЕДНИМ в стеке, ПОСЛЕ mk-tokens.css/sf-fonts.css/
 * marketplace.css/forum.css (см. _chrome.php) — по двум причинам:
 *   1) та же архитектурная роль, что у mk-tokens.css относительно
 *      sf-tokens.css — "новый слой токенов поверх существующих", просто без
 *      моста (см. выше);
 *   2) dl.css (следующий файл в стеке) переопределяет ВИЗУАЛЬНО .mk-header/
 *      .mk-footer через --dl-* — чтобы победить в каскаде при равной
 *      специфичности селектора, он обязан идти позже marketplace.css.
 *
 * ─── Только светлая тема ───────────────────────────────────────────────────
 * Тёмная тема существует в спеке (§2.1) только как отложенный на будущее
 * auto-only (prefers-color-scheme) вариант — "footnote, not a feature. Ship
 * light first." Здесь её нет намеренно, как и в HTML-прототипе.
 */

:root {
  /* ── Палитра (светлая, единственная поставляемая) ── */
  --dl-bg:            #F7F8FA; /* холст страницы */
  --dl-surface:       #FFFFFF; /* карточки, шапка, панель фактов, поля */
  --dl-surface-2:     #EEF0F3; /* врезки: hover-заливка, код-блоки, рамка скриншота */
  --dl-border:        #E4E7EB; /* обычная волосяная линия 1px */
  --dl-border-strong: #CFD4DA; /* акцентная линия — фокус поля, активный таб */
  --dl-ink:            #1A1D21; /* основной текст/заголовки */
  --dl-ink-soft:       #565C63; /* вторичный текст, мета, подписи */
  --dl-ink-faint:      #8B929A; /* плейсхолдер, disabled, "soon"-теги */
  --dl-accent:         #0B7A46; /* зелёный — ссылки, активный nav, positive-факты */
  --dl-accent-strong:  #0A6B3E; /* заливка первичной кнопки, hover/pressed */
  --dl-accent-soft:    rgba(11,122,70,.10); /* фон verified-чипа, positive-тинт */
  --dl-warn:           #8A5A12; /* предупреждающие факты (если появятся ads/трекеры) */
  --dl-warn-soft:      rgba(138,90,18,.10);
  --dl-danger:         #C0392B; /* текст/рамка ошибки, деструктив */
  --dl-danger-soft:    rgba(192,57,43,.10);
  --dl-danger-strong:  #A5312A; /* hover/pressed деструктивной кнопки/ссылки —
    та же роль, что --dl-accent-strong у --dl-accent (спека §10.0, extension
    2026-07-20: login/account/кабинет разработчика добавляют реальные
    деструктивные действия — удалить приложение, отвязать identity, удалить
    тред/категорию — которых не было у первых 4 вьюх, отсюда состояние
    hover/pressed для danger не было заведено раньше). */

  /* ── Радиусы — НЕ таблетки (спека §2.3: pill только для аватаров/точек статуса,
       которых у Daylight-компонентов нет) ── */
  --dl-radius-sm: 8px;   /* чипы, поля, кнопки */
  --dl-radius-md: 12px;  /* карточки, панели */
  --dl-radius-lg: 16px;  /* иконка приложения, скриншоты */

  /* ── Тени — плоско и спокойно (спека §2.3) ── */
  --dl-shadow-card:  0 1px 2px rgba(20,25,35,.04), 0 4px 12px rgba(20,25,35,.05);
  --dl-shadow-float: 0 12px 32px rgba(20,25,35,.12);

  /* ── Шрифты — системный стек, ноль загрузки шрифтов (спека §2.2/§7) ──
   * Интер (sf-fonts.css) всё ещё грузится на каждой странице ради остального
   * (не-Daylight) сайта — этого файла эта загрузка не касается и не убирает,
   * см. комментарий у .mk-header/.mk-footer override в dl.css. */
  --dl-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --dl-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;

  /* ── Шкала отступов, база 4px (спека §2.3) ── */
  --dl-space-1: 4px;
  --dl-space-2: 8px;
  --dl-space-3: 12px;
  --dl-space-4: 16px;
  --dl-space-5: 24px;
  --dl-space-6: 32px;
  --dl-space-7: 48px;
  --dl-space-8: 64px;
  --dl-space-9: 96px;

  /* ── Ширина контента ── */
  --dl-content-max: 1080px;
}
