/* Shared design tokens and base styles for cards.doctorarichai.com pages.
   Palette from cincinnatichildrens.org: plum primary, pink secondary, teal links, slate grays.
   Dark mode lightens the plum and teal so they stay readable. Page-specific styles live in each page. */
:root {
  --bg: #F1F1F2;
  --surface: #FFFFFF;
  --field: #FFFFFF;
  --ink: #303C42;
  --muted: #576166;
  --line: #C7CACC;
  --accent: #8F4469;
  --accent-strong: #752864;
  --accent-soft: #F4E5ED;
  --pink: #CA3D6A;
  --link: #00738C;
  --warn: #6B4E00;
  --warn-bg: #FFF7DF;
  --font-sans: 'Montserrat', proxima-nova, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #1D2427;
    --surface: #273136;
    --field: #222A2E;
    --ink: #E6E8E8;
    --muted: #A9B1B5;
    --line: #3D4A50;
    --accent: #DE93BC;
    --accent-strong: #ECB3D2;
    --accent-soft: #48293A;
    --pink: #EE7A9C;
    --link: #4FC0D6;
    --warn: #FFD873;
    --warn-bg: #3B3216;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #1D2427;
  --surface: #273136;
  --field: #222A2E;
  --ink: #E6E8E8;
  --muted: #A9B1B5;
  --line: #3D4A50;
  --accent: #DE93BC;
  --accent-strong: #ECB3D2;
  --accent-soft: #48293A;
  --pink: #EE7A9C;
  --link: #4FC0D6;
  --warn: #FFD873;
  --warn-bg: #3B3216;
  color-scheme: dark;
}

html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 1.5;
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
img { max-width: 100%; }
[hidden] { display: none !important; }
.wrap { max-width: 1040px; margin: 0 auto; padding-inline: 16px; padding-block: 24px 40px; }
a { color: var(--link); }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }