/* hugofloresgarcia.art theme: cream bg, black mono text (no-style-please) */
body, body[data-pinned-theme="light"] {
  /* plain vars (hsl fallback path) */
  --b1: #fcf9f0; --b1-90: rgba(252,249,240,.9); --b1-80: rgba(252,249,240,.8);
  --b2: #f3eede; --b2-80: rgba(243,238,222,.8);
  --b3: #e6dfc8;
  --f1: #000; --f2: #111; --f3: #333;
  --b-acc: #000; --b-acc-80: rgba(0,0,0,.8); --f-acc: #fcf9f0;
  --m: #444; --m-acc: #000; --m-acc-80: rgba(0,0,0,.8);
  --b-m: #777; --f-m: #222;
  /* oklch path */
  --light-b1: #fcf9f0; --light-b1-90: rgba(252,249,240,.9); --light-b1-80: rgba(252,249,240,.8);
  --light-b2: #f3eede; --light-b2-80: rgba(243,238,222,.8);
  --light-b3: #e6dfc8;
  --light-f1: #000; --light-f2: #111; --light-f3: #333;
  --light-b-acc: #000; --light-b-acc-80: rgba(0,0,0,.8); --light-f-acc: #fcf9f0;
  --light-m: #444; --light-m-acc: #000; --light-m-acc-80: rgba(0,0,0,.8);
  --light-b-m: #777; --light-f-m: #222;
}

/* ---- v2: match hugofloresgarcia.art fonts, layout, logo ---- */
body, button, input, select, textarea {
  font-family: monospace !important;
  letter-spacing: normal;
}
body { font-size: 16px; line-height: 1.4; }

/* headings at the art site's modest scale, bold */
h1 { font-size: 32px !important; font-weight: bold; letter-spacing: normal; text-align: center; }
h2 { font-size: 1.4em !important; }
h3 { font-size: 1.17em !important; }

/* header: no bar, just a small mono link with a sunflower for a logo */
header { background: transparent !important; border: none !important; box-shadow: none !important; }
header #logo svg { display: none !important; }
#logo::before { content: "🌻 "; }

/* footer squiggle lives in .fun-divider (art.js inserts it) */

/* text links in blue like the art site; player & action controls stay black */
main a:not([class]) { color: #0000ee; }

/* vine frame behind everything, never blocking clicks */
#vines canvas {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: 0;
}
body > header, body > main, body > footer, body > .fun-divider { position: relative; z-index: 1; }