/* Ooshie Swap design tokens — "blind-bag foil" theme.
   Dark is the default identity; [data-theme="light"] is an explicit
   opt-in via the header toggle, not a prefers-color-scheme fallback. */

@font-face {
  font-family: "Baloo 2";
  src: url("/fonts/baloo2-variable.woff2") format("woff2");
  font-weight: 500 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("/fonts/manrope-variable.woff2") format("woff2");
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-display: "Baloo 2", ui-rounded, "Segoe UI", sans-serif;
  --font-body: "Manrope", system-ui, -apple-system, sans-serif;

  --bg-start: #10163a;
  --bg-end: #2a3ebf;
  --surface: rgb(255 255 255 / 7%);
  --surface-border: rgb(255 255 255 / 16%);
  --tag: #4b3f91;
  --tag-ink: #f7f8fc;
  --accent: #f4c860;
  --accent-ink: #3a2c05;
  --ink: #f7f8fc;
  --ink-muted: #b9c0e0;
  --ring: #f4c860;
  --shadow-color: 234deg 60% 10%;

  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;
}

:root[data-theme="light"] {
  --bg-start: #eef1ff;
  --bg-end: #ffffff;
  --surface: #ffffff;
  --surface-border: rgb(43 43 110 / 12%);
  --accent: #c79a2e;
  --accent-ink: #ffffff;
  --ink: #171a33;
  --ink-muted: #5b5f86;
  --ring: #4b3f91;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-safe: 0;
  }
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    --motion-safe: 1;
  }
}