/* ============================================================
   PsyOs Design Mockup — тема на CSS-переменных.
   Значения по умолчанию = стартовое направление «Графит + эвкалипт».
   Все переменные редактируются живьём через панель настройки.
   ============================================================ */

:root {
  /* Шрифт */
  --font-sans: "Geist", "Inter", system-ui, -apple-system, sans-serif;

  /* Поверхности и текст */
  --background: oklch(0.19 0.008 250);
  --card: oklch(0.23 0.008 250);
  --foreground: oklch(0.93 0.004 250);
  --muted: oklch(0.27 0.008 250);
  --muted-foreground: oklch(0.68 0.012 250);

  /* Границы */
  --border: oklch(1 0 0 / 9%);
  --input: oklch(1 0 0 / 12%);
  --border-width: 1px;
  --radius: 0.75rem;

  /* Акцент */
  --primary: oklch(0.72 0.09 165);
  --primary-foreground: oklch(0.21 0.03 165);
  --accent-soft: oklch(0.72 0.09 165 / 14%);

  /* Статусы */
  --success: oklch(0.72 0.11 155);
  --success-soft: oklch(0.72 0.11 155 / 14%);
  --warning: oklch(0.78 0.10 80);
  --warning-soft: oklch(0.78 0.10 80 / 14%);
  --danger: oklch(0.66 0.14 25);
  --danger-soft: oklch(0.66 0.14 25 / 14%);

  /* Плотность (0.85 компактно · 1 обычная · 1.2 просторно) */
  --density: 1;
  --card-pad: calc(16px * var(--density));
  --row-pad: calc(11px * var(--density));
  --list-gap: calc(9px * var(--density));
  --section-gap: calc(18px * var(--density));

  --content-width: 1400px;
  --shadow-pop: 0 12px 32px oklch(0 0 0 / 35%);
}