/* styles/colors.css — force a dark scheme with light text */
:root {
  color-scheme: dark;                 /* hint to the browser */
}
.md-header {
  background-color: #0A0A0A;
}

/* apply to both the root and the active scheme to win specificity */
:root,[data-md-color-scheme="BUTTM"]{



  /* brand */
  --md-primary-fg-color:        #252525;
  --md-primary-fg-color--light: #161616;
  --md-primary-fg-color--dark:  #161616;
  --md-accent-fg-color:         #28C76F;

  /* surfaces */
  --md-default-bg-color:        #121212;

  /* TEXT — these fix your “dark font” issue */
  --md-default-fg-color:        #E6EEF2;   /* global text */
  --md-default-fg-color--light: #C9D7DD;
  --md-default-fg-color--lighter:#AFC4CC;
  --md-default-fg-color--dark:  #FFFFFF;
  --md-typeset-color:           var(--md-default-fg-color);  /* body copy */

  /* links and code */
  --md-typeset-a-color:         #28C76F;
  --md-code-fg-color:           #E6EEF2;
  --md-code-bg-color:           #181818;
  --md-code-bg-color--lighter:           #252525;

  /* optional */
  --md-border-color:            #193F34;
}

/* optional: clearer focus ring */
:root *:focus{
  outline: 2px solid var(--md-accent-fg-color);
  outline-offset: 2px;
}