/* base.css — variáveis de tema + estilos-base da página de jogo.
   Compartilhado entre a home (/) e a versão PT (/pt/). */

:root{
  --bg:#FBF6EC;
  --bg-2:#F4ECD8;
  --ink:#16161D;
  --ink-2:#2A2A36;
  --muted:#6E6A5C;
  --line:#1616181a;
  --vermillion:#E94B3C;
  --vermillion-deep:#C8392B;
  --ochre:#F2B544;
  --mint:#5BA88F;
  --indigo:#3A4A7A;
  --font-display:"Familjen Grotesk", ui-sans-serif, system-ui;
  --font-body:"Manrope", ui-sans-serif, system-ui;
  --font-jp:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", sans-serif;
  --font-mono:"JetBrains Mono", ui-monospace, monospace;
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
html{background:var(--bg)}
body{
  font-family:var(--font-body);
  color:var(--ink);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  min-height:100vh;
}
.jp{font-family:var(--font-jp);font-feature-settings:"palt"}
.mono{font-family:var(--font-mono)}
.display{font-family:var(--font-display);letter-spacing:-0.02em;line-height:0.95}

body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:
    radial-gradient(rgba(22,22,29,0.035) 1px, transparent 1px),
    radial-gradient(rgba(22,22,29,0.025) 1px, transparent 1px);
  background-size:24px 24px, 7px 7px;
  background-position:0 0, 3px 3px;
  opacity:.6;
}
#app{position:relative;z-index:1}