/* Adapted from merome-app Phase 10 neutral roles (docs/DESIGN_SYSTEM.md).
   Independently versioned public values; final brand direction is pending. */
:root {
  --md-sys-color-primary: #40576c;
  --md-sys-color-primary-hover: #314659;
  --md-sys-color-on-primary: #ffffff;
  --md-sys-color-primary-container: #e0e8ef;
  --md-sys-color-surface: #ffffff;
  --md-sys-color-surface-container-low: #f7f8fa;
  --md-sys-color-surface-container: #eef1f4;
  --md-sys-color-on-surface: #1b2026;
  --md-sys-color-on-surface-variant: #535e69;
  --md-sys-color-outline: #7b8793;
  --md-sys-color-outline-variant: #d5dce3;
  --state-info: #315579;
  --state-info-container: #e8eff8;
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --line-height-body: 1.6;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --radius-small: 8px;
  --radius-medium: 12px;
  --radius-large: 20px;
  --control-touch-target: 48px;
  --layout-max: 1160px;
}