/* Palette colors only. Keep layout and typography in brand.css and application stylesheets. */
:root {
  --brand-text: #1e344d;
  --brand-heading: #152a44;
  --brand-muted: #52677e;
  --brand-accent: #46a6e3;
  --brand-on-accent: #0f2942;
  --brand-action-hover: #3b9fdd;
  --brand-accent-hover: #0e598e;
  --brand-accent-soft: #eaf7ff;
  --brand-accent-on-dark: #89cdfb;
  --brand-page: #f3f7fc;
  --brand-surface: #ffffff;
  --brand-border: #d5e1ed;
  --brand-nav: #13325f;
  --brand-nav-soft: #224673;
  --brand-nav-text: #f4f9ff;
  --brand-nav-border: #46658e;
  --brand-nav-hover: #2c5585;
  --brand-accent-border: #9fcfee;
  --brand-banner: #174172;
  --brand-chart-contract: #378ac2;
  --brand-nav-muted: #bed3ec;
  --brand-blue: #1d6e9e;
  --brand-blue-soft: #ddedfe;
  --brand-green: #087657;
  --brand-green-soft: #d4f1e5;
  --brand-red: #b42c48;
  --brand-red-soft: #ffdee5;
  --brand-amber: #925400;
  --brand-amber-soft: #ffebc5;
  --brand-scrollbar: #7e9fc7;
  --brand-control-border: #aec4d8;
  --brand-input-border: #9eb7cf;
  --brand-read-surface: #f4f9fe;
  --brand-nav-shadow-faint: #13325f09;
  --brand-nav-shadow-soft: #13325f10;
  --brand-nav-shadow-panel: #13325f1a;
  --brand-nav-shadow-image: #13325f29;
  --brand-nav-shadow: #13325f24;
  --brand-accent-shadow-faint: #237cae12;
  --brand-accent-shadow-soft: #237cae15;
  --brand-accent-focus-soft: #237cae19;
  --brand-accent-focus: #237cae1f;
  --brand-accent-shadow: #237cae29;
  --brand-accent-shadow-hover: #237cae39;
  --brand-card-shadow: #1e344d10;
  --brand-card-shadow-hover: #1e344d17;
  --brand-banner-shadow: #17417220;
  --brand-overlay: #13325f80;
  --brand-dialog-overlay: #13325fd9;
}