/* Scribe - design tokens (quiet minimal dark). Сильно приглушено, минимум рамок. */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Hanken+Grotesk:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root {
  /* нативные элементы форм (чекбоксы, стрелки чисел, календарь, списки) - в тон темы, а не белые */
  color-scheme: dark;
  accent-color: var(--accent);
  /* surfaces - слои читаются фоном (карточки без рамок) */
  --bg: #0A090E;
  --bg-elev: #100E15;
  --surface: #15131C;
  --surface-2: #1E1B27;
  --surface-3: #272331;
  --border: #1F1B28;        /* тонкая рамка только у форм/кнопок */
  --border-strong: #2C2838;

  /* text - мягкий, низкий контраст */
  --text: #D6D3DE;
  --text-muted: #877F98;
  --text-dim: #565064;

  /* accent - почти серый, лёгкий фиолетовый оттенок (точечно) */
  --accent: #837F9C;
  --accent-2: #6B687F;
  --accent-ink: #0C0A14;
  --accent-glow: rgba(131, 127, 156, .12);
  /* spark - приглушённый нейтрально-тёплый (только бренд) */
  --spark: #9D9298;
  --spark-2: #9D979A;

  --on-accent: #fff;
  --bar-bg: rgba(10,9,14,.82);
  --glow-1: rgba(0,0,0,0);
  --glow-2: rgba(131,127,156,.025);

  /* status - сильно приглушённые */
  --ok: #75A691;   --ok-bg: rgba(117, 166, 145, .09);
  --warn: #BBA178; --warn-bg: rgba(187, 161, 120, .09);
  --err: #C08C92;  --err-bg: rgba(192, 140, 146, .09);
  --info: #849AB5; --info-bg: rgba(132, 154, 181, .09);
  --pending: #9D95B4; --pending-bg: rgba(157, 149, 180, .11);

  /* категории - почти серые, с лёгким оттенком */
  --cat-hook: #B3958B;
  --cat-structure: #918CAE;
  --cat-retention: #889CAC;
  --cat-pacing: #B0A07F;
  --cat-narrative: #84AB97;
  --cat-emotion: #AC93A3;
  --cat-cta: #8A98B2;
  --cat-packaging: #9CAC89;

  /* fonts */
  --font-display: 'Sora', system-ui, sans-serif;
  --font-body: 'Hanken Grotesk', system-ui, -apple-system, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', monospace;

  /* type scale */
  --fs-xs: .6875rem;
  --fs-sm: .8125rem;
  --fs-md: .9375rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.45rem;
  --fs-2xl: 1.9rem;
  --fs-3xl: 2.6rem;

  /* radius */
  --radius-sm: 7px;
  --radius: 11px;
  --radius-lg: 18px;
  --radius-pill: 999px;

  /* effects - мягкие, без цветных свечений */
  --shadow-1: 0 1px 2px rgba(0,0,0,.3);
  --shadow-2: 0 8px 24px rgba(0,0,0,.36);
  --shadow-pop: 0 14px 40px rgba(0,0,0,.46);
  --t-fast: .12s ease;
  --t: .22s cubic-bezier(.4,.0,.2,1);

  /* layout */
  --sidebar-w: 244px;
  --topbar-h: 56px;
  --bottomnav-h: 62px;
  --page-max: 1180px;
  --safe-b: env(safe-area-inset-bottom, 0px);
}