/* Выставочная тема: графитовое стекло с бирюзовым отливом, шампань-золото, мягкие слои. */

:root {
  --bg: #080c0c;
  --panel: #131b1b;
  --panel-raised: #1d2928;
  --border: #33423f;
  --text: #F2F0EA;
  --muted: #a3ada9;
  --accent: #e6cd9a;
  --violet: #B7A2F5;
  --success: #6FD49A;
  --warning: #F0A95A;
  --danger: #F0787E;

  /* Производные поверхности. Непрозрачные значения — fallback для blur. */
  --panel-solid: #131b1b;
  --panel-glass: rgba(22, 32, 31, 0.54);
  --panel-raised-glass: rgba(31, 43, 42, 0.82);
  --overlay: rgba(5, 9, 9, 0.62);
  --border-soft: rgba(219, 210, 190, 0.12);
  --accent-dim: rgba(225, 194, 133, 0.16);
  --violet-dim: rgba(183, 162, 245, 0.16);
  --success-dim: rgba(111, 212, 154, 0.16);
  --warning-dim: rgba(240, 169, 90, 0.16);
  --danger-dim: rgba(240, 120, 126, 0.16);

  /* Плотная сетка: поверхности 10px, основные интервалы 6–12px. */
  --s-1: 3px;
  --s-2: 6px;
  --s-3: 8px;
  --s-4: 10px;
  --s-5: 12px;
  --s-6: 20px;

  --radius-sm: 9px;
  --radius: 14px;
  --radius-lg: 20px;

  --sidebar-scale: 1.2;
  --content-scale: 1;
  --sidebar-w: calc(184px * var(--sidebar-scale));
  --header-h: 44px;
  --rail-w: 268px;
  --drawer-w: 368px;

  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
    "PT Sans", "Liberation Sans", Arial, sans-serif;
  --mono: ui-monospace, "JetBrains Mono", "Cascadia Mono", Consolas,
    "Liberation Mono", monospace;

  /* Единый масштаб увеличивает только текст, сохраняя сетку и отступы. */
  --font-scale: 1.2;
  --fs-xs: calc(10px * var(--font-scale));
  --fs-sm: calc(11px * var(--font-scale));
  --fs-md: calc(12px * var(--font-scale));
  --fs-lg: calc(13px * var(--font-scale));
  --fs-title: calc(14px * var(--font-scale));
  --fs-h2: calc(16px * var(--font-scale));
  --fs-h1: calc(19px * var(--font-scale));

  --glow-focus: 0 0 0 2px rgba(225, 194, 133, 0.55);
  --glow-active: 0 0 22px rgba(220, 186, 117, 0.16), inset 0 1px 0 rgba(240, 225, 196, 0.1);
  --sheen: linear-gradient(135deg, rgba(238, 221, 187, 0.065), transparent 40%, rgba(214, 188, 135, 0.025));
  --surface-card: linear-gradient(135deg, rgba(216, 198, 161, 0.07), rgba(62, 81, 80, 0.09));
  --surface-control: linear-gradient(135deg, rgba(222, 199, 154, 0.13), rgba(98, 120, 114, 0.12));
  --surface-inset: linear-gradient(135deg, rgba(9, 16, 15, 0.46), rgba(22, 31, 31, 0.4));
  --shadow-panel: inset 0 1px 0 rgba(235, 228, 214, 0.075), 0 16px 40px rgba(5, 10, 9, 0.24);
  --shadow-card: 0 4px 18px rgba(5, 10, 9, 0.12);
  --shadow-control: inset 0 1px rgba(237, 231, 219, 0.09), 0 4px 12px rgba(7, 13, 12, 0.12);
  --shadow-inset: inset 0 1px 4px rgba(4, 6, 6, 0.2);

  --dur-fast: 150ms;
  --dur: 200ms;
  --dur-slow: 250ms;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}