/* A Different Death, colors matched to compassdoulaacademy.com (read from the live site Nov 8, 2026). */
:root {
  color-scheme: light;
  --plum: #82235F;     /* Compass brand purple (--brand-rust on the live site) */
  --teal: #476C77;     /* Compass brand teal */
  --tree-teal: #00A0C8;
  --mauve: #F4E6EF;    /* Compass highlight */
  --sage: #DDE8EB;     /* Compass sage */
  --ink: #000000;
  --muted: #5C5C5C;
  --page: #FFFFFF;
  --white: #FFFFFF;
  --card: #F8F8F8;     /* Compass mist */
  --chip: #F5F5F5;     /* Compass card */
  --divider: #E0E0E0;
  --dark: #1F1F1F;     /* Compass dark card */
  --accent: var(--sage);
}

body { margin: 0; background: var(--page); color: var(--ink); }
a { color: var(--ink); }
a:hover { color: var(--plum); }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 3px solid var(--teal); outline-offset: 2px; }

.tab {
  font: inherit; font-weight: 700; font-size: 16px;
  padding: 12px 20px; min-height: 48px; border-radius: 999px;
  border: 2px solid var(--ink); cursor: pointer;
  background: transparent; color: var(--ink);
}
.tab[aria-selected="true"] { background: var(--plum); border-color: var(--plum); color: var(--white); }
[hidden] { display: none !important; }