/* Тема «Тёмная» (dark) — графит; глубина за счёт обводок и ступеней поверхности, а не теней; радиусы чуть острее. */
[data-theme="dark"] {
  color-scheme: dark;

  --bg: var(--p-graphite-900);
  --surface-1: var(--p-graphite-850);
  --surface-2: var(--p-graphite-800);
  --surface-3: var(--p-graphite-750);
  --surface-raised: var(--p-graphite-800);
  --field-bg: var(--p-graphite-900);
  --border: var(--p-graphite-750);
  --border-strong: var(--p-graphite-500);
  --border-raised: var(--p-graphite-600);
  --fg: var(--p-graphite-50);
  --fg-muted: var(--p-graphite-400);
  --link: var(--p-sky-400);
  --link-hover: var(--p-sky-300);
  --accent: var(--p-green-500);
  --on-accent: var(--p-graphite-900);
  --success: var(--p-green-400);   --on-success: var(--p-graphite-900);
  --warn: var(--p-amber-400);      --on-warn: var(--p-graphite-900);
  --danger: var(--p-red-400);      --on-danger: var(--p-graphite-900);
  --info: var(--p-sky-400);        --on-info: var(--p-graphite-900);
  --notice: var(--p-orange-400);   --on-notice: var(--p-graphite-900);
  --warn-fill: var(--p-amber-400);
  --soft-strength: 14%;
  --ring: var(--p-graphite-50);
  --selection-bg: #2f4f7a;
  --selection-fg: var(--p-graphite-50);
  --overlay: var(--p-scrim-dark);
  --scroll-thumb: var(--p-graphite-600);
  --scroll-thumb-hover: var(--p-graphite-400);
  --code-bg: var(--p-graphite-800);
  --code-fg: var(--p-graphite-100);
  --diff-add: var(--p-green-400);
  --diff-del: var(--p-red-400);
  --diff-hunk: var(--p-sky-400);
  --mark-bg: #5c4a12;
  --mark-fg: var(--p-graphite-50);
  --chart-1: var(--p-green-400); --chart-2: var(--p-sky-400); --chart-3: var(--p-amber-400);
  --chart-4: var(--p-red-400); --chart-5: var(--p-violet-400); --chart-6: var(--p-teal-400);

  --font: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-heading: var(--font);
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-data: var(--font-mono);
  --fs-xs: 12px; --fs-sm: 13px; --fs-md: 14px; --fs-base: 15px; --fs-lg: 16px; --fs-xl: 18px; --fs-2xl: 22px; --fs-3xl: 28px;
  --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700; --heading-weight: 600;
  --lh-body: 1.5; --lh-tight: 1.25; --lh-loose: 1.65;
  --tracking-caps: .05em;

  --r-xs: 3px; --r-sm: 5px; --r: 7px; --r-lg: 10px; --r-xl: 14px; --r-pill: 999px;
  --border-w: 1px; --focus-w: 2px; --focus-offset: 2px;
  --icon-size: 18px; --icon-stroke: 2;

  /* теней нет: приподнятое отделяют светлая ступень поверхности и обводка */
  --shadow: none;
  --shadow-md: none;
  --shadow-lg: none;
  --shadow-sidebar: none;
  --shadow-focus: 0 0 0 3px var(--accent-soft);
  --shadow-mark: inset 0 -1px 0 var(--warn);

  --density: .95;
  --control-h: 36px; --control-h-sm: 30px; --nav-h: 38px;

  --dur-fast: .12s; --dur: .16s; --dur-slow: .22s;
  --ease: cubic-bezier(.2, .8, .2, 1);

  --disabled-bg: var(--p-graphite-800);
  --disabled-fg: var(--p-graphite-500);
  --disabled-border: var(--p-graphite-750);
}