/* PPDO MIS UI Phase 1 — centralized design tokens.
   New and refactored screens should use these variables instead of hard-coded values. */
:root {
  --mis-color-primary: #087db8;
  --mis-color-primary-dark: #066495;
  --mis-color-sidebar: #075174;
  --mis-color-sidebar-dark: #063d5a;
  --mis-color-accent: #f3c238;
  --mis-color-success: #168a50;
  --mis-color-danger: #c73a45;
  --mis-color-warning: #b7791f;
  --mis-color-info: #0b78ad;
  --mis-color-bg: #eef4f8;
  --mis-color-surface: #ffffff;
  --mis-color-text: #0f2742;
  --mis-color-muted: #65788c;
  --mis-color-line: #dce7f1;

  --mis-font-sans: Arial, Helvetica, sans-serif;
  --mis-font-display: Georgia, "Times New Roman", serif;

  --mis-radius-sm: 8px;
  --mis-radius-md: 12px;
  --mis-radius-lg: 18px;
  --mis-shadow-sm: 0 2px 8px rgba(15,39,66,.08);
  --mis-shadow-md: 0 10px 28px rgba(15,39,66,.12);
  --mis-shadow-lg: 0 18px 50px rgba(15,39,66,.18);

  --mis-space-1: 4px;
  --mis-space-2: 8px;
  --mis-space-3: 12px;
  --mis-space-4: 16px;
  --mis-space-5: 20px;
  --mis-space-6: 24px;
  --mis-space-8: 32px;

  --mis-header-height: var(--ppdo-header-height, 108px);
  --mis-sidebar-width: var(--ppdo-sidebar-width, 286px);
}