:root{
  --cream:#FFF6E9;
  --paper:#FFFBF2;
  --ink:#3B2A1F;
  --ink-soft:#6B5345;
  --leaf:#5BA85A;
  --leaf-dark:#3F7E3E;
  --berry:#E8556B;
  --honey:#F4B942;
  --sky:#7DB9DE;
  --lavender:#B79CD9;
  --line:#E8DCC4;
  --shadow: 0 4px 0 #E8DCC4, 0 8px 24px rgba(59,42,31,0.08);
  --shadow-sm: 0 2px 0 #E8DCC4;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{
  font-family:'Nunito', 'Noto Color Emoji', -apple-system, sans-serif;
  background:var(--cream);
  color:var(--ink);
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body{
  background-image:
    radial-gradient(circle at 20% 10%, rgba(244,185,66,0.08) 0%, transparent 40%),
    radial-gradient(circle at 80% 60%, rgba(91,168,90,0.06) 0%, transparent 40%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.9'/%3E%3CfeColorMatrix values='0 0 0 0 0.6 0 0 0 0 0.5 0 0 0 0 0.3 0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23n)'/%3E%3C/svg%3E");
}
h1,h2,h3,h4{font-family:'Fredoka', 'Noto Color Emoji', sans-serif; font-weight:600; letter-spacing:-0.01em}
button{font-family:inherit; cursor:pointer; border:none; background:none; color:inherit}