:root {
  --color-primary: #9aabcb;
  --color-primary-hover: #7a8faf;
  --color-page: #f5f5f5;
  --color-surface: #ffffff;
  --color-surface-soft: #f0f0f0;
  --color-surface-strong: #e0e0e0;
  --color-text: #000000;
  --color-text-inverse: #ffffff;
  --color-muted: #4f5661;
  --color-line: #cccccc;
  --color-link: #2a397a;
  --color-success: #1d8b37;
  --color-danger: #dc3545;
  --color-action-primary: var(--color-link);
  --color-action-primary-hover: #202c61;
  --color-action-secondary-hover: #e8ebf1;
  --color-export-spreadsheet: #176b4d;
  --color-export-spreadsheet-hover: #0f5138;
  --color-notice-danger-bg: #f8d7da;
  --color-notice-danger-text: #4e1118;
  --color-notice-danger-border: #f5c6cb;
  --color-notice-success-bg: #d4edda;
  --color-notice-success-text: #0c3b18;
  --color-notice-success-border: #c3e6cb;
  --color-notice-warning-bg: #fff3cd;
  --color-notice-warning-text: #5f4400;
  --color-notice-warning-border: #ffe08a;
  --color-notice-info-bg: #dce2ed;
  --color-notice-info-text: #0e2540;
  --color-notice-info-border: #b3c0d8;
  --admin-primary: color-mix(in srgb, #2a397a 31%, #cddeef 69%);
  --admin-primary-hover: color-mix(in srgb, #2a397a 45%, #cddeef 55%);
  --overlay-backdrop: rgb(20 24 31 / 48%);
  --control-height: 34px;
  --control-height-compact: 30px;
  --control-radius: 2px;
  --layout-content-max: 900px;
  --layout-page-gap: 12px;
  --layout-panel-padding: 12px;
  --focus-ring: 0 0 0 2px color-mix(in srgb, var(--color-link) 28%, transparent);
  --color-status-neutral-bg: #eef0f4;
  --color-status-neutral-text: #344054;
  --color-status-active-bg: #e2e8f4;
  --color-status-active-text: #20336f;
  --font-size-heading-page: 18px;
  --font-size-heading-panel: 14px;
  --font-size-heading-section: 13px;
  --font-weight-heading: 700;
  --line-height-heading: 1.3;
  --font-base: Verdana, Arial, Helvetica, sans-serif;
}