/* Casa Girassol — tokens da marca, fontes e animações de base.
   Editar aqui altera cores e ritmo de animação em todo o site. */

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,600;0,700;0,800&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400&display=swap');

:root {
  --acc: oklch(0.78 0.065 55);    /* terracota */
  --sage: oklch(0.78 0.065 155);  /* sálvia */
  --wheat: oklch(0.87 0.07 92);   /* trigo */
  --sky: oklch(0.80 0.055 240);   /* céu */
  --lilac: oklch(0.84 0.048 305); /* lilás */
  --bg: oklch(0.975 0.012 80);    /* papel */
  --surf: oklch(0.945 0.018 70);  /* areia */
  --ink: oklch(0.28 0.015 60);    /* tinta */
  --mut: oklch(0.52 0.015 60);
  --line: oklch(0.88 0.015 70);
  --amp: 1;                        /* intensidade das animações */
}

html { scroll-behavior: smooth; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: Nunito, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

a { color: var(--ink); text-decoration: none; }
a:hover { color: oklch(0.55 0.09 45); }

::selection { background: var(--wheat); color: var(--ink); }

@media (prefers-reduced-motion: reduce) {
  :root { --amp: 0; }
  html { scroll-behavior: auto; }
}
