:root {
  --nn-navy: #001965;
  --nn-navy-light: #002a8a;
  --nn-navy-dark: #001452;
  --nn-navy-lighter: #003bb5;

  --nn-navy-rgb: 0, 25, 101;
  --nn-navy-light-rgb: 0, 42, 138;
  --nn-navy-dark-rgb: 0, 20, 82;
  --nn-navy-lighter-rgb: 0, 59, 181;

  --green: #10b981;
  --green-rgb: 16, 185, 129;
}

[data-md-color-scheme="default"] {
  --md-primary-fg-color: var(--nn-navy);
  --md-primary-fg-color--light: var(--nn-navy-light);
  --md-primary-fg-color--dark: var(--nn-navy-dark);
  --md-accent-fg-color: var(--green);
  --md-accent-fg-color--transparent: rgba(var(--green-rgb), 0.1);
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: var(--nn-navy-lighter);
  --md-primary-fg-color--light: var(--nn-navy-light);
  --md-primary-fg-color--dark: var(--nn-navy);
  --md-accent-fg-color: var(--green);
  --md-accent-fg-color--transparent: rgba(var(--green-rgb), 0.1);
}

.md-grid {
  max-width: 90%;
}