/* CarbonPlan palette: https://carbonplan.org/design/color
   carbon #1b1e23, chalk #ebebec, teal #64b9c4 */

:root {
  --cp-carbon: #1b1e23;
  --cp-chalk: #ebebec;
  --cp-teal: #64b9c4;
  --cp-teal-dark: #3e8893;
}

/* Header stays carbon in both modes */
.md-header,
.md-tabs {
  background-color: var(--cp-carbon);
  color: var(--cp-chalk);
}

/* Light mode: carbon on white, darker teal for contrast */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #1b1e23;
  --md-primary-fg-color--light: #2d3239;
  --md-primary-fg-color--dark: #0f1114;
  --md-accent-fg-color: #3e8893;
  --md-typeset-a-color: #3e8893;
  --md-default-fg-color: #1b1e23;
  --md-default-fg-color--light: rgba(27, 30, 35, 0.74);
  --md-default-fg-color--lighter: rgba(27, 30, 35, 0.4);
}

/* Dark mode: chalk on carbon, teal accent */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #1b1e23;
  --md-primary-fg-color--light: #2d3239;
  --md-primary-fg-color--dark: #0f1114;
  --md-accent-fg-color: #64b9c4;
  --md-typeset-a-color: #64b9c4;
  --md-default-bg-color: #1b1e23;
  --md-default-fg-color: #ebebec;
  --md-default-fg-color--light: rgba(235, 235, 236, 0.74);
  --md-default-fg-color--lighter: rgba(235, 235, 236, 0.4);
  --md-default-fg-color--lightest: rgba(235, 235, 236, 0.14);
  --md-code-bg-color: #24282f;
  --md-footer-bg-color: #14171b;
  --md-footer-bg-color--dark: #0f1114;
}