/* Токены Soft Editorial Glass, брендбук v1.1 (раздел 12 «Передача в разработку»).
   Цвета, отступы, скругления и тени в интерфейсе — только через эти переменные. */

/* Гарнитура Involve, SIL OFL 1.1 — web/fonts/OFL.txt. © 2024 Stefan Peev.
   Файлы — исходные TTF, пересохранённые в woff2 без изменения глифов. */

@font-face {
  font-family: Involve;
  src: url('/fonts/Involve-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Involve;
  src: url('/fonts/Involve-Oblique.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Involve;
  src: url('/fonts/Involve-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Involve;
  src: url('/fonts/Involve-MediumOblique.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Involve;
  src: url('/fonts/Involve-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Involve;
  src: url('/fonts/Involve-SemiBoldOblique.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Involve;
  src: url('/fonts/Involve-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Involve;
  src: url('/fonts/Involve-BoldOblique.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

:root {
  /* Палитра */
  --canvas: #F7F7F7;
  --surface-white: #FFFFFF;
  --surface-muted: #EDEDED;
  --ink-primary: #1E1E1E;
  --ink-secondary: #5E5E5E;
  --ink-on-dark: #F7F7F7;
  --ink-on-dark-secondary: rgba(247, 247, 247, 0.74);
  --line-soft: #DEDEDE;
  --line-strong: #8C8C8C;
  --line-on-dark: rgba(247, 247, 247, 0.16);
  --dark-panel: #1E1E1E;

  --brand-accent: #ED6529;
  --accent-ink: #8E4B63;            /* было #B4461A */
  --accent-tint: #FBEFF2;           /* было #FCEDE6 */

  --sky: #A6CFF2;
  --sky-ink: #2F6690;
  --sky-tint: #E6F1FB;

  --olive: #B5CA66;
  --olive-ink: #55662A;
  --olive-tint: #EEF3DA;

  /* Статусы. Красный и янтарный брендбук помечает как «предложено к утверждению» —
     заменены на более мягкие, близкие к палитре обложек. Контраст текста ≥ 5.3 : 1 (AA). */
  --status-blocked: #A13D5A;        /* пыльная роза — «Заблокировано», «Просрочено», ошибки */
  --status-blocked-tint: #F9E8EC;
  --status-amber-ink: #7A5A1E;      /* медовый — «Скоро», «Ждём» */
  --status-amber-tint: #F6EEDC;

  /* Акцент интерфейса вместо оранжевого — глубокая роза (числа «Требует внимания», итог сметы,
     выбранная опция). Фирменный оранжевый --brand-accent остаётся токеном для маркетинга
     (лендинг, слайды), в рабочем интерфейсе не используется. */
  --accent-line: #D9A7B6;

  /* Главное действие (кнопка, активная вкладка, аватар) — см. палитру ниже */
  /* Вариант «Слива»: вместо чёрной заливки. Светлый текст на #5A4458 — 8.2 : 1 (AAA). */
  --action-bg: #5A4458;
  --action-bg-hover: #6B5469;
  --action-bg-active: #4B3A4F;
  --action-ink: #F7F7F7;
  --action-border: transparent;
  --action-border-strong: #5A4458;

  /* Стекло поверх фото — светлое, матовое (вместо тёмного) */
  --glass-bg: rgba(255, 255, 255, 0.62);
  --glass-border: rgba(255, 255, 255, 0.7);
  --glass-ink: #1E1E1E;
  --glass-ink-2: rgba(30, 30, 30, 0.64);
  --glass-line: rgba(30, 30, 30, 0.12);
  --glass-attention: #A13D5A;
  --glass-progress: #55662A;

  /* Блок «Требует внимания» — итерация 3, часть II §2: мягкий голубой вместо тёмной заливки.
     Значения — прототип для сравнения на реальных экранах, ближайшие того же характера к
     токенам брендбука (sky / sky-ink), не новая независимая палитра. */
  --attention-surface: #DDECF7;
  --attention-surface-subtle: #EAF4FA;
  --attention-text: #183044;
  --attention-text-secondary: rgba(24, 48, 68, 0.64);
  --attention-divider: rgba(34, 77, 111, 0.16);
  --attention-hover: rgba(255, 255, 255, 0.44);
  --attention-accent: #327AA6;

  /* Карточка проекта — тонкая малоконтрастная граница вместо жёсткой тени (часть II §3).
     Тонкие линии — прозрачность фирменного тёмного #1E1E1E, не новые цвета. */
  --card-border: rgba(30, 30, 30, 0.08);
  --line-hair: rgba(30, 30, 30, 0.07);      /* разделители строк внутри карточек */
  --line-control: rgba(30, 30, 30, 0.22);   /* контур вторичных кнопок и вкладок */
  --line-control-hover: rgba(30, 30, 30, 0.45);
  --line-dashed: rgba(30, 30, 30, 0.18);    /* пунктир пустых состояний */
  --urgent-tint-soft: #FBF1F3;

  /* Типографика: Involve, запасной стек по брендбуку */
  --font: Involve, Arial, sans-serif;
  --fs-date-xl: clamp(48px, 5vw, 64px);
  --fs-display: clamp(34px, 4.2vw, 52px);
  --fs-heading: clamp(22px, 2.4vw, 28px);
  --fs-card-title: 20px;
  --fs-body: 15px;
  --fs-caption: 13px;
  --fs-overline: 12px;
  /* Заголовок зоны/карточки внутри страницы — в диапазоне card-title брендбука (18–22 px),
     чтобы разделы не спорили с заголовком страницы */
  --fs-section: 20px;

  /* Начертания. Облегчённая иерархия: крупное — Medium, акценты — SemiBold.
     Чтобы вернуть веса брендбука один в один: --fw-display: 600; --fw-heading: 700. */
  --fw-display: 500;   /* заголовок страницы, крупные даты и числа */
  --fw-heading: 500;   /* заголовки зон, диалогов, пустых состояний */
  --fw-title: 500;     /* названия задач, карточек, метки полей, кнопки */
  --fw-strong: 600;    /* редкие смысловые выделения в тексте */
  --tracking-display: -0.025em;

  /* Отступы, шаг 8 */
  --space-half: 4px;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-6: 48px;
  --space-10: 80px;

  /* Скругления растут с поверхностью */
  --radius-field: 12px;
  --radius-button: 16px;
  --radius-card: 24px;
  --radius-hero: 32px;
  --radius-pill: 999px;

  /* Глубина: тень только у плавающих поверхностей */
  --shadow-float: 0 8px 30px rgba(0, 0, 0, 0.06);
  --backdrop: rgba(30, 30, 30, 0.32);

  --container: 1440px;
  --control-h: 44px;
  --control-h-compact: 40px;   /* один ряд фильтров: вкладки, поиск, селект, кнопки — одной высоты */
}