@import url("fredoka-datauri.css");
:root {
  --canvas: #fff9ed;
  --surface: #ffffff;
  --ink: #392d45;
  --muted: #716471;
  --line: #e6daca;
  --line-strong: #bdaba5;
  --accent: #603c64;
  --accent-hover: #4b2d50;
  --accent-soft: #eee3ed;
  --on-accent: #ffffff;
  --error: #a42c29;
  --halo: #f6d87c;
  --toggle-off: #a69e9e;
  --font: "Fredoka", ui-rounded, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: var(--canvas); color: var(--ink); font-family: var(--font); font-weight: 450; font-synthesis: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
button, textarea, input, select { font: inherit; color: inherit; }
button, textarea, input, select { outline: none; }
button:focus-visible, textarea:focus-visible, input:focus-visible, select:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-color: transparent !important; box-shadow: none; }
[hidden] { display: none !important; }

/* Used only when the product tokens.css has no prefers-color-scheme block. */
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --background: #14171b;
    --foreground: #e6e9ee;
    --card: #1c2027;
    --card-foreground: #e6e9ee;
    --muted: #262b33;
    --muted-foreground: #9aa3ae;
    --border: #333a44;
    --primary-foreground: #0a1b33;
  }
}