:root {
  color-scheme: light;

  --pa-color-primary: #286784;
  --pa-color-primary-hover: #1f536d;
  --pa-color-primary-soft: #eaf3f7;
  --pa-color-page: #f8fbff;
  --pa-color-pastel-blue: #e4f2ff;
  --pa-color-pastel-cyan: #e9faff;
  --pa-color-pastel-lavender: #edf5ff;
  --pa-color-pastel-coral: #ffeceb;
  --pa-color-pastel-yellow: #fff6d9;
  --pa-color-heading: #173b55;
  --pa-color-text: #173348;
  --pa-color-muted: #607483;
  --pa-color-surface: #f5f8fa;
  --pa-color-surface-raised: #ffffff;
  --pa-color-border: #c9d7df;
  --pa-color-field-border: #9eb3bf;
  --pa-color-focus-ring: rgba(40, 103, 132, 0.22);
  --pa-color-overlay: rgba(15, 23, 42, 0.48);
  --pa-color-success: #287a4b;
  --pa-color-success-soft: #e9f6ef;
  --pa-color-success-border: #86c99f;
  --pa-color-warning: #9a6700;
  --pa-color-warning-soft: #fff7dd;
  --pa-color-warning-border: #e8c66a;
  --pa-color-danger: #b42318;
  --pa-color-danger-hover: #8f1c14;
  --pa-color-danger-soft: #fcebea;
  --pa-color-danger-border: #efaaa5;
  --pa-color-info: #286784;
  --pa-color-info-soft: #eaf3f7;
  --pa-color-disabled: #8b9aa4;
  --pa-color-disabled-surface: #edf1f3;
  --pa-color-selected: #1e3a8a;
  --pa-color-selected-border: #93b8e8;
  --pa-color-selected-surface: #dbeafe;
  --pa-state-muted-opacity: 0.38;
  --pa-state-muted-filter: grayscale(1);

  --pa-font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --pa-font-size-xs: 0.75rem;
  --pa-font-size-sm: 0.875rem;
  --pa-font-size-base: 1rem;
  --pa-font-size-lg: 1.125rem;
  --pa-font-size-xl: 1.375rem;
  --pa-line-height: 1.6;

  --pa-space-1: 0.25rem;
  --pa-space-2: 0.5rem;
  --pa-space-3: 0.75rem;
  --pa-space-4: 1rem;
  --pa-space-5: 1.25rem;
  --pa-space-6: 1.5rem;
  --pa-space-8: 2rem;
  --pa-space-10: 2.5rem;

  --pa-control-height: 44px;
  --pa-control-height-sm: 36px;
  --pa-control-padding-x: 0.875rem;
  --pa-control-padding-y: 0.625rem;
  --pa-touch-target: 44px;

  --pa-radius-sm: 6px;
  --pa-radius-md: 10px;
  --pa-radius-lg: 14px;
  --pa-radius-pill: 999px;

  --pa-shadow-sm: 0 2px 8px rgba(23, 59, 85, 0.08);
  --pa-shadow-md: 0 10px 30px rgba(23, 59, 85, 0.08);
  --pa-shadow-lg: 0 18px 45px rgba(23, 59, 85, 0.14);

  --pa-container-max: 1180px;
  --pa-transition-fast: 150ms ease;
  --pa-transition-gentle: 280ms ease;
  --pa-z-dropdown: 1100;
  --pa-z-modal: 1300;

  /* Backwards-compatible aliases used by the existing theme stylesheet. */
  --pa-navy: var(--pa-color-heading);
  --pa-blue: var(--pa-color-primary);
  --pa-blue-dark: var(--pa-color-primary-hover);
  --pa-sky: var(--pa-color-primary-soft);
  --pa-surface: var(--pa-color-surface);
  --pa-border: var(--pa-color-border);
  --pa-text: var(--pa-color-text);
  --pa-muted: var(--pa-color-muted);
  --pa-white: var(--pa-color-surface-raised);
  --pa-radius: var(--pa-radius-md);
  --pa-shadow: var(--pa-shadow-md);
}
