:root {
  --b-txt: var(--carbon-black); 
  --b-bg-1: var(--porcelain);
  --b-bg-2: var(--soft-linen);
  --b-line: var(--soft-linen);
  --b-link: var(--brick-ember);
  --b-btn-bg: #fff;
  --b-btn-txt: var(--carbon-black);
  --b-focus: var(--brick-ember);
  --visited-color: var(--dark-emerald);
  --quote-color: var(--dark-emerald);
  --code-color: var(--dusk-blue);
  --highlight: var(--pearl-aqua);
}

@media (prefers-color-scheme: dark) {
  :root {
    --b-txt: var(--porcelain);
    --b-bg-1: var(--shadow-grey); 
    --b-bg-2: var(--shadow-grey-lighter);
    --b-line: var(--shadow-grey-lighter);
    --b-link: var(--pink);
    --b-btn-bg: var(--onyx);
    --b-btn-txt: #fff;
    --b-focus: var(--pink);
    --visited-color: var(--powder-blue);
    --quote-color: var(--powder-blue);
    --code-color: var(--pale-slate);
    --highlight: var(--twilight-indigo);
  }
  
}