:root {
  --color-primary: #087dc1;
  --color-primary-dark: #075e91;
  --color-primary-soft: #e7f3fb;
  --color-accent: #16a6a1;
  --color-accent-soft: #e6f8f6;
  --color-warm: #f39a38;
  --color-danger: #b42318;
  --color-danger-soft: #fef3f2;
  --color-success: #16825d;
  --color-text: #263747;
  --color-muted: #687887;
  --color-border: #dce5eb;
  --color-surface: #ffffff;
  --color-canvas: #f4f7f9;
  --shadow-sm: 0 1px 2px rgb(27 52 70 / 6%);
  --shadow-md: 0 12px 32px rgb(27 52 70 / 10%);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --sidebar-width: 270px;
  --content-max: 1420px;
  --font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}