:root {
  color-scheme: light;
  --canvas: #eef3f7;
  --canvas-deep: #e4ebf1;
  --ink: #142b47;
  --ink-muted: #52657a;
  --ink-faint: #7890a5;
  --cobalt: #205c8c;
  --cobalt-dark: #17466d;
  --signal: #f6c66d;
  --prism-blue: #30b5f0;
  --prism-violet: #7462ec;
  --surface: #ffffff;
  --surface-soft: #f8fafc;
  --border: #dde4e8;
  --border-strong: #cbd7df;
  --supported: #18745d;
  --supported-soft: #e8f5f0;
  --conflict: #a75d16;
  --conflict-soft: #fff5e7;
  --approved: #365fcb;
  --approved-soft: #edf2ff;
  --danger: #a63b3b;
  --danger-soft: #fceded;
  --sales: #6f5ad8;
  --support: #0e8393;
  --delivery: #b16a19;
  --shadow-sm: 0 8px 24px rgba(20, 43, 71, 0.08);
  --shadow-md: 0 24px 70px rgba(20, 43, 71, 0.12);
  --shadow-product: 0 35px 90px rgba(27, 64, 100, 0.18), 0 4px 18px rgba(20, 43, 71, 0.08);
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 30px;
  --section-width: 1180px;
  --text-width: 720px;
  --focus: 0 0 0 3px rgba(48, 181, 240, 0.35);
}