/* Дизайн-токены Content Desk.
   Платформа нейтральная: акцент — бирюзовый, чтобы не спорить с цветами соцсетей
   (синий Telegram и VK, красный YouTube несут смысл в календаре). */
:root {
  --font: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Roboto, sans-serif;
  --font-display: "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, sans-serif;

  --text-xs: 12px;
  --text-sm: 13px;
  --text-md: 14px;
  --text-lg: 16px;
  --text-xl: 20px;
  --text-2xl: 26px;

  --radius-sm: 6px;
  --radius: 8px;
  --radius-lg: 12px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;

  --sidebar-w: 248px;
  --topbar-h: 56px;

  --ease: cubic-bezier(.2, .7, .2, 1);
  --t-fast: 120ms;

  --bg: #f4f5f4;
  --surface: #ffffff;
  --surface-2: #f8f9f8;
  --sunken: #eceeec;
  --hover: #eef0ee;
  --active: #e3e7e4;
  --sidebar: #eceeec;

  --border: #dfe3e0;
  --border-strong: #c9cfcb;

  --text: #18201c;
  --text-2: #46514b;
  --text-3: #6f7a74;
  --text-4: #9aa39e;

  --accent: #0e7c6b;
  --accent-hover: #0b6a5b;
  --accent-soft: #e0f2ee;
  --accent-text: #0b6a5b;
  --on-accent: #ffffff;

  --ok: #1e8a4c;
  --ok-soft: #e2f4e9;
  --warn: #b26a00;
  --warn-soft: #fbf0dc;
  --danger: #c4323f;
  --danger-soft: #fbe7e9;
  --info-soft: #e9eef5;
  --info: #3b5b85;

  --shadow-overlay: 0 16px 48px rgba(16, 24, 20, .18), 0 2px 8px rgba(16, 24, 20, .08);
  --focus-ring: 0 0 0 3px rgba(14, 124, 107, .32);
  --scrim: rgba(16, 22, 19, .45);
  color-scheme: light;
}

:root[data-theme="dark"] {
  --bg: #121614;
  --surface: #191e1b;
  --surface-2: #1d2320;
  --sunken: #0e1210;
  --hover: #222925;
  --active: #29322d;
  --sidebar: #151a17;

  --border: #2a322e;
  --border-strong: #3a4540;

  --text: #e6ebe8;
  --text-2: #b9c3be;
  --text-3: #8b9690;
  --text-4: #626d67;

  --accent: #3cc2a8;
  --accent-hover: #5bd0b9;
  --accent-soft: #163a33;
  --accent-text: #6fd8c3;
  --on-accent: #08201b;

  --ok: #4cc47f;
  --ok-soft: #14301f;
  --warn: #e3a33f;
  --warn-soft: #36280f;
  --danger: #f06b76;
  --danger-soft: #3a1a1e;
  --info-soft: #1c2735;
  --info: #9db8de;

  --shadow-overlay: 0 18px 56px rgba(0, 0, 0, .55), 0 2px 8px rgba(0, 0, 0, .35);
  --focus-ring: 0 0 0 3px rgba(60, 194, 168, .35);
  --scrim: rgba(0, 0, 0, .6);
  color-scheme: dark;
}