/* Смысловые токены AI Copywriter поверх brand-tokens.css (medreclama.ru).
   Компоненты в style.css используют только --ui-*: смена бренда меняет этот
   файл, а не компоненты. Свои оттенки — там, где брендовые не дают контраста
   (спека 2026-10-06-ui-appearance §4.5). */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300 800; font-display: swap;
  src: url(/static/fonts/open-sans-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300 800; font-display: swap;
  src: url(/static/fonts/open-sans-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD; }

:root {
  --ui-font: var(--font-sans);
  --ui-mono: ui-monospace, 'SF Mono', Menlo, monospace;

  --ui-text: var(--color-ink-800);
  --ui-text-strong: var(--color-ink-900);
  --ui-text-muted: #6c696a;          /* брендовый #797677 — 4,49 : 1, на грани */
  --ui-page: var(--color-gray-100);
  --ui-surface: var(--color-white);
  --ui-surface-soft: var(--color-gray-50);
  --ui-border: var(--color-gray-200);
  --ui-border-input: var(--color-gray-500);   /* gray-400/450 дают 2,0 и 2,8 — ниже 3 : 1 */

  --ui-nav-bg: var(--color-background-nav);
  --ui-nav-text: var(--color-text-on-dark);
  --ui-heading: var(--color-heading);
  --ui-accent: var(--color-primary);
  --ui-accent-soft: var(--color-lilac-100);

  --ui-cta: var(--color-wine-500);
  --ui-cta-hover: var(--color-purple-700);
  --ui-cta-text: var(--color-white);
  --ui-cta-soft: #f6e7ee;
  --ui-secondary-bg: var(--color-gray-150);
  --ui-secondary-hover: var(--color-gray-200);

  --ui-ok-bg: #e7f6eb;   --ui-ok-text: #1e7a36;   --ui-ok-line: var(--color-success);
  --ui-fail-bg: #fdecee; --ui-fail-text: #a8253a; --ui-fail-line: #d9485a;
  --ui-warn-bg: #fff4d6; --ui-warn-text: #7a5200; --ui-warn-line: #b07d00;
  --ui-info-bg: var(--color-gray-150); --ui-info-text: var(--color-ink-700);
  --ui-dot-pending: var(--color-gray-300);

  --ui-shadow: var(--shadow-float);
  --ui-backdrop: rgba(51, 51, 51, .45);

  --ui-radius-sm: var(--radius-sm);
  --ui-radius: var(--radius-md);
  --ui-radius-lg: var(--radius-lg);
  --ui-radius-pill: var(--radius-pill);
  --ui-space-xs: var(--space-xs);
  --ui-space-sm: var(--space-sm);
  --ui-space-md: var(--space-md);
  --ui-space-lg: var(--space-lg);
  --ui-container: 1400px;
  --ui-reading: 900px;
  --ui-h1-size: var(--type-h2-font-size);
  --ui-h1-line: var(--type-h2-line-height);
  --ui-h2-size: var(--type-h4-font-size);

  --ui-hl-exact: #ffd6a5; --ui-hl-wf: #bde0fe; --ui-hl-topic: #caffbf; --ui-hl-diluted: #ffc6ff;
}