/* contoursplease.com — "chunky soft pop" (design-mockups/g-pop-please.html,
   owner-picked 2026-08-13): warm cream, candy terracotta/leaf/sun, big
   rounded cards, pressable bottom-edge buttons, Baloo 2 display type.
   Light is the default; the dark blocks below apply when the visitor's
   device prefers dark (and no explicit choice is saved) or when the nav
   toggle sets data-theme="dark". */
:root {
  --bg: #fff8ec;
  --bg-elevated: #ffffff;
  --bg-inverse: #3fa25c;
  --bg-inverse-elevated: #2d7f44;
  --ink: #3b3630;
  --ink-muted: #7c746a;
  --on-inverse: #ffffff;
  --on-inverse-muted: #eaf3ea;
  --accent: #f4623a;
  --accent-ink: #ffffff;
  --accent-deep: #ce4623;
  --accent-2: #3fa25c;
  --accent-2-deep: #2d7f44;
  --sun: #ffc94d;
  --sun-deep: #e0a730;
  --line: #e8e0d2;
  --line-inverse: rgba(255, 255, 255, 0.28);
  /* Bottom edge of "pressable" neutral buttons/cards. */
  --edge: #ecdfc8;
  --success: #2d7f44;
  --error: #c0392b;
  --radius-card: 26px;
  --radius-pill: 999px;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);

  --font-display: "Baloo 2", var(--font-body);
  --font-body: "Nunito", system-ui, sans-serif;
  --font-data: "Roboto Mono", ui-monospace, monospace;
}

:root[data-theme="dark"] {
  --bg: #1a1512;
  --bg-elevated: #26201a;
  --bg-inverse: #2d7f44;
  --bg-inverse-elevated: #256b39;
  --ink: #f2ece1;
  --ink-muted: #b5a893;
  --line: #3b332a;
  --line-inverse: rgba(255, 255, 255, 0.24);
  --edge: #0f0c09;
  --sun-deep: #b8862a;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #1a1512;
    --bg-elevated: #26201a;
    --bg-inverse: #2d7f44;
    --bg-inverse-elevated: #256b39;
    --ink: #f2ece1;
    --ink-muted: #b5a893;
    --line: #3b332a;
    --line-inverse: rgba(255, 255, 255, 0.24);
    --edge: #0f0c09;
    --sun-deep: #b8862a;
  }
}