/* Tokens de cor e tipografia. Tema escuro: pelo sistema (prefers-color-scheme)
   ou pela escolha salva no botão (data-theme no <html>). */
:root {
  --paper: #fff6f9;
  --paper-2: #ffe9f0;
  --blush: #f9c6d3;
  --rose: #b83d66;
  --ink: #3b2731;
  --ink-soft: #7a5c69;
  --leaf: #8cc7a8;
  --butter: #ffe08a;
  --sticker: #fff;
  --line: #f3ccd8;
  --cat-a: #fffaf5;
  --cat-b: #b9aeb4;
  --cat-stroke: #3b2731;
  --ban-base: #cdc8cc;
  --ban-stripe: #7a7479;
  --lua-base: #9a6a45;
  --lua-stripe: #2b1d17;
  --lua-patch: #6e4529;
  --muzzle: #fff;
  --cheek: #f7a8be;
  --shadow: 0 6px 0 #f3c1d0;
  --f-display: 'Mochiy Pop One', 'Nunito', system-ui, sans-serif;
  --f-body: 'Nunito', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-mono: 'DM Mono', ui-monospace, 'SFMono-Regular', menlo, monospace;

  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --paper: #221820;
    --paper-2: #2d2029;
    --blush: #6e3a50;
    --rose: #ff9dbb;
    --ink: #fbeef3;
    --ink-soft: #d3b5c2;
    --leaf: #7fbf9d;
    --butter: #f5d67a;
    --sticker: #33242d;
    --line: #4a3240;
    --cat-a: #f6ece6;
    --cat-b: #9d9198;
    --cat-stroke: #221820;
    --shadow: 0 6px 0 #160f14;

    color-scheme: dark;
  }
}

:root[data-theme='dark'] {
  --paper: #221820;
  --paper-2: #2d2029;
  --blush: #6e3a50;
  --rose: #ff9dbb;
  --ink: #fbeef3;
  --ink-soft: #d3b5c2;
  --leaf: #7fbf9d;
  --butter: #f5d67a;
  --sticker: #33242d;
  --line: #4a3240;
  --cat-a: #f6ece6;
  --cat-b: #9d9198;
  --cat-stroke: #221820;
  --shadow: 0 6px 0 #160f14;

  color-scheme: dark;
}