:root {
  --epa-primary: #0b2e6d;
  --epa-primary-hover: #082654;
  --epa-secondary: #4e38c7;
  --epa-accent: #1687d9;
  --epa-bg: #f5f7fa;
  --epa-surface: #ffffff;
  --epa-surface-alt: #eef2f7;
  --epa-text: #1f2937;
  --epa-text-muted: #667085;
  --epa-border: #d7dee8;
  --epa-success: #2e7d32;
  --epa-success-bg: #eaf5ec;
  --epa-warning: #9a6700;
  --epa-warning-bg: #fff5d6;
  --epa-danger: #b42318;
  --epa-danger-bg: #fdecec;
  --epa-info: #1769aa;
  --epa-info-bg: #eaf3fb;

  --epa-space-xs: 0.35rem;
  --epa-space-sm: 0.65rem;
  --epa-space-md: 1rem;
  --epa-space-lg: 1.5rem;
  --epa-space-xl: 2rem;

  --epa-font-sm: 0.875rem;
  --epa-font-base: 1rem;
  --epa-font-lg: 1.25rem;

  --epa-radius-sm: 5px;
  --epa-radius: 8px;
  --epa-radius-lg: 14px;
  --epa-shadow: 0 1px 3px rgba(16, 24, 40, 0.08);
  --epa-shadow-lg: 0 15px 45px rgba(16, 24, 40, 0.12);
}