/* Офертум — дизайн-токены (--of-*).
   Единственный источник цветов/теней/радиусов для кабинета.
   Значения палитры синхронизированы с лендингом (--lx-* в landing.css).
   В правилах кабинета допускаются только var(--of-*) и color-mix() — без hex. */

:root {
  /* Поверхности */
  --of-bg: #FBFAF7;            /* фон страницы: тёплый крем */
  --of-surface: #FFFFFF;       /* карточки, формы, дропдауны */
  --of-surface-2: #F5F1EB;     /* приглушённая поверхность: hover, тихие бейджи */

  /* Текст */
  --of-ink: #1B1713;           /* основной */
  --of-muted: #6B645B;         /* вторичный */
  --of-faint: #9C948B;         /* подписи, метки */

  /* Линии */
  --of-line: #E9E2D9;          /* базовая рамка */
  --of-line-2: #D8CFC4;        /* усиленная рамка: hover, фокусные контуры */

  /* Акцент (фирменный оранжевый) */
  --of-accent: #CF5E10;
  --of-accent-strong: #AC4A06;
  --of-accent-soft: #F7ECDE;

  /* Семантика */
  --of-good: #17916A;
  --of-good-soft: #E9F3EE;
  --of-danger: #B42318;
  --of-danger-soft: #FBEAE7;

  /* Тени (слоистые, как на лендинге) */
  --of-shadow-sm: 0 1px 1px rgba(25, 21, 18, 0.04);
  --of-shadow-md: 0 1px 2px rgba(25, 21, 18, 0.04), 0 18px 40px -26px rgba(25, 21, 18, 0.22);
  --of-shadow-lg: 0 2px 4px rgba(25, 21, 18, 0.04), 0 40px 80px -40px rgba(25, 21, 18, 0.30);

  /* Радиусы */
  --of-radius-sm: 6px;
  --of-radius: 8px;
  --of-radius-lg: 12px;
  --of-radius-xl: 16px;

  /* Шрифты */
  --of-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --of-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
}

/* Тёмная тема — задел; заполняется при внедрении.
:root[data-theme="dark"] {
}
*/