/* Дизайн-токены. Тёмная тема (чёрный с медью, как в логотипе) — по умолчанию,
   светлая — [data-theme="light"]. */
:root {
  --font: "Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", "Cascadia Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --bg: #faf7f3;
  --bg-elev: #ffffff;
  --bg-soft: #f3eee8;
  --bg-soft-2: #eae2d9;
  --bg-stripe: #f7f2ec;
  --border: #e4dbd1;
  --border-strong: #d2c5b8;

  --text: #1b1713;
  --text-2: #6a5f55;
  --text-3: #9a8f84;

  --primary: #9a6f52;
  --primary-hover: #855e44;
  --primary-press: #734f38;
  --primary-contrast: #ffffff;
  --primary-soft: #f3e8de;
  --primary-soft-text: #7d563b;
  --accent: #c9a58b;
  --brand-gradient: #9a6f52;

  --success: #2f8f5b;
  --success-soft: #e3f1e9;
  --danger: #c9484d;
  --danger-soft: #f8e6e6;
  --warning: #b87414;
  --warning-soft: #f8ecd6;
  --info: #4a7fb0;
  --info-soft: #e6eef6;

  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: 0 20px 50px rgba(20, 14, 10, .22);
  --overlay: rgba(20, 14, 10, .5);

  --radius-s: 6px;
  --radius-m: 8px;
  --radius-l: 10px;
  --radius-xl: 14px;

  --sidebar-w: 280px;
  --sidebar-w-collapsed: 84px;
  --topbar-h: 88px;
  --content-max: 1480px;

  --ease: cubic-bezier(.2, .7, .2, 1);

  --z-sticky: 20;
  --z-sidebar: 40;
  --z-popover: 60;
  --z-modal: 80;
  --z-toast: 100;

  color-scheme: light;
}

:root[data-theme="dark"] {
  --bg: #0b0b0d;
  --bg-elev: #101012;
  --bg-soft: #141211;
  --bg-soft-2: #1d1916;
  --bg-stripe: #121011;
  --border: #2a2522;
  --border-strong: #3a2f27;

  --text: #efe7e0;
  --text-2: #a39a92;
  --text-3: #7a7068;

  --primary: #c9a58b;
  --primary-hover: #d8b9a1;
  --primary-press: #b8927a;
  --primary-contrast: #0b0b0d;
  --primary-soft: #1c1612;
  --primary-soft-text: #d9b79d;
  --accent: #c9a58b;
  --brand-gradient: #c9a58b;

  --success: #5fbf8a;
  --success-soft: #11241b;
  --danger: #ef6a6f;
  --danger-soft: #2c1719;
  --warning: #e0a04a;
  --warning-soft: #2b2010;
  --info: #7fa6cf;
  --info-soft: #14202c;

  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, .7);
  --overlay: rgba(4, 3, 2, .72);

  color-scheme: dark;
}