/* Frenemies design tokens — single source for cards (design/cards) and site. Deliberate sub-brand: not DataTimes' Plex/crimson. */
:root {
  --bg: #f6f4ef;
  --ink: #15171a;
  --muted: #555555;
  --accent: #b3261e;
  --card: #ffffff;
  --border: rgba(0, 0, 0, 0.08);
  --border-strong: rgba(0, 0, 0, 0.15);
  --hover-bg: rgba(0, 0, 0, 0.05);
  --eu-bg: #edf3fb;
  --eu-border: #d0e1f9;
  --eu-lead: #1e429f;
  --eu-sub: #254580;
  --badge-no-bg: #fbeae5;
  --badge-no-border: #f8cfc6;
  --badge-no-text: #b3261e;
  --font: Inter, "Helvetica Neue", Arial, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root:not(.light) {
    --bg: #141516;
    --ink: #eceae4;
    --muted: #a6a39b;
    --accent: #ff8a80;
    --card: #1d1f21;
    --border: rgba(255, 255, 255, 0.12);
    --border-strong: rgba(255, 255, 255, 0.2);
    --hover-bg: rgba(255, 255, 255, 0.08);
    --eu-bg: #13233a;
    --eu-border: #223a5e;
    --eu-lead: #93c5fd;
    --eu-sub: #bfdbfe;
    --badge-no-bg: #351c1a;
    --badge-no-border: #5a2723;
    --badge-no-text: #ff8a80;
  }
}

:root.dark {
  --bg: #141516;
  --ink: #eceae4;
  --muted: #a6a39b;
  --accent: #ff8a80;
  --card: #1d1f21;
  --border: rgba(255, 255, 255, 0.12);
  --border-strong: rgba(255, 255, 255, 0.2);
  --hover-bg: rgba(255, 255, 255, 0.08);
  --eu-bg: #13233a;
  --eu-border: #223a5e;
  --eu-lead: #93c5fd;
  --eu-sub: #bfdbfe;
  --badge-no-bg: #351c1a;
  --badge-no-border: #5a2723;
  --badge-no-text: #ff8a80;
}