/* ============================================================
   Sklad SarAgroMontazh — design tokens
   Warm/business · amber accent · vanilla CSS
   ============================================================ */

:root {
  --bg: oklch(0.985 0.004 80);
  --bg-elev: oklch(1.000 0.000 0);
  --bg-soft: oklch(0.970 0.006 80);
  --bg-sunken: oklch(0.955 0.008 80);

  --line: oklch(0.918 0.008 80);
  --line-strong: oklch(0.860 0.010 80);

  --ink: oklch(0.225 0.012 75);
  --ink-soft: oklch(0.430 0.012 75);
  --ink-mute: oklch(0.580 0.010 78);
  --ink-faint: oklch(0.700 0.010 80);

  --accent: oklch(0.715 0.158 62);
  --accent-hover: oklch(0.665 0.165 62);
  --accent-soft: oklch(0.955 0.040 80);
  --accent-line: oklch(0.870 0.080 70);
  --accent-ink: oklch(0.420 0.130 55);

  --ok: oklch(0.665 0.135 145);
  --ok-soft: oklch(0.955 0.040 145);
  --ok-ink: oklch(0.420 0.110 145);

  --warn: oklch(0.755 0.150 80);
  --warn-soft: oklch(0.965 0.045 85);

  --danger: oklch(0.620 0.190 28);
  --danger-soft: oklch(0.960 0.025 28);
  --danger-ink: oklch(0.430 0.155 28);

  --info: oklch(0.620 0.115 245);
  --info-soft: oklch(0.960 0.025 245);

  --r-xs: 6px;
  --r-sm: 8px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 20px;
  --r-pill: 999px;

  --shadow-xs: 0 1px 1px oklch(0.20 0.01 75 / 0.04), 0 1px 0 oklch(0.20 0.01 75 / 0.03);
  --shadow-sm: 0 1px 2px oklch(0.20 0.01 75 / 0.06), 0 1px 1px oklch(0.20 0.01 75 / 0.04);
  --shadow-md: 0 4px 12px oklch(0.20 0.01 75 / 0.06), 0 1px 2px oklch(0.20 0.01 75 / 0.04);
  --shadow-lg: 0 12px 28px oklch(0.20 0.01 75 / 0.10), 0 2px 6px oklch(0.20 0.01 75 / 0.06);

  --sidebar-w: 248px;
  --sidebar-w-collapsed: 72px;
  --header-h: 60px;
  --pad: 30px;
  --gap: 18px;

  --font-ui: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

[data-theme="dark"] {
  --bg: oklch(0.180 0.008 75);
  --bg-elev: oklch(0.220 0.010 75);
  --bg-soft: oklch(0.205 0.009 75);
  --bg-sunken: oklch(0.155 0.008 75);

  --line: oklch(0.300 0.010 75);
  --line-strong: oklch(0.380 0.012 75);

  --ink: oklch(0.965 0.005 80);
  --ink-soft: oklch(0.815 0.008 80);
  --ink-mute: oklch(0.660 0.010 80);
  --ink-faint: oklch(0.520 0.010 80);

  --accent: oklch(0.760 0.158 65);
  --accent-hover: oklch(0.810 0.158 65);
  --accent-soft: oklch(0.300 0.060 65);
  --accent-line: oklch(0.420 0.090 65);
  --accent-ink: oklch(0.860 0.130 70);

  --ok-soft: oklch(0.300 0.060 145);
  --ok-ink: oklch(0.820 0.110 145);
  --warn-soft: oklch(0.310 0.060 80);
  --danger-soft: oklch(0.300 0.060 28);
  --danger-ink: oklch(0.820 0.130 28);
  --info-soft: oklch(0.300 0.060 245);

  --shadow-xs: 0 1px 1px oklch(0 0 0 / 0.30);
  --shadow-sm: 0 1px 2px oklch(0 0 0 / 0.35);
  --shadow-md: 0 4px 12px oklch(0 0 0 / 0.40), 0 1px 2px oklch(0 0 0 / 0.30);
  --shadow-lg: 0 12px 28px oklch(0 0 0 / 0.50), 0 2px 6px oklch(0 0 0 / 0.30);
}