:root {
  --brand-primary: #1f4b5f;
  --brand-primary-hover: #183b4b;
  --brand-primary-active: #102c38;
  --brand-primary-contrast: #ffffff;

  --brand-secondary: #586572;
  --brand-secondary-hover: #404b55;
  --brand-secondary-contrast: #ffffff;

  --brand-accent: #2f8f83;
  --brand-accent-soft: #e3f3f0;

  --color-page-background: #f6f8f9;
  --color-surface: #ffffff;
  --color-surface-elevated: #fbfcfd;
  --color-surface-muted: #edf2f4;
  --color-surface-sidebar: #ffffff;
  --color-surface-header: #ffffff;
  --color-surface-overlay: rgba(17, 24, 39, 0.52);

  --color-text-heading: #17212b;
  --color-text-body: #2d3742;
  --color-text-muted: #66717d;
  --color-text-subtle: #7c8793;
  --color-text-inverse: #ffffff;
  --color-link: #1f4b5f;
  --color-link-hover: #183b4b;

  --color-border: #d8e0e5;
  --color-border-strong: #aebbc5;
  --color-focus-ring: #2f8f83;
  --color-selection-background: #cce8e4;
  --color-selection-text: #102c38;

  --color-action-primary: #1f4b5f;
  --color-action-primary-hover: #183b4b;
  --color-action-primary-active: #102c38;
  --color-action-primary-text: #ffffff;

  --color-action-secondary: #ffffff;
  --color-action-secondary-hover: #edf2f4;
  --color-action-secondary-text: #1f4b5f;

  --color-action-disabled: #e3e8ec;
  --color-action-disabled-text: #7c8793;

  --color-nav-text: #4a5561;
  --color-nav-text-hover: #17212b;
  --color-nav-active-background: #e3f3f0;
  --color-nav-active-text: #183b4b;
  --color-nav-icon: #66717d;
  --color-nav-divider: #e3e8ec;

  --color-success: #16643f;
  --color-success-soft: #dff3e9;
  --color-warning: #8a5200;
  --color-warning-soft: #fff1d6;
  --color-danger: #b42318;
  --color-danger-soft: #fde3df;
  --color-info: #2457a6;
  --color-info-soft: #e1ecff;
}