/* ============================================================
   TWEAKS EFFECTS — driven by data-attributes on <html>.
   Three expressive controls reshape the whole page's feel:
   data-mood (accent palette) · data-motion (energy) · data-texture
   ============================================================ */

/* ---- MOOD: shifts the accent + warm neutrals across everything
        (italics, arrows, selection, glows, dots, links) ---- */
:root[data-mood="olive"]   { --terra:#6F7A3C; --brown:#5f6444; --sand:#B9B488; }
:root[data-mood="plum"]    { --terra:#9A4E6B; --brown:#6f4a5e; --sand:#C7A2B0; }
:root[data-mood="indigo"]  { --terra:#46618A; --brown:#4f5a72; --sand:#9FB0C6; }

/* ---- MOTION: the page's energy ---- */
/* Still — freeze every ambient loop */
:root[data-motion="still"] .bm-row,
:root[data-motion="still"] .mq-inner,
:root[data-motion="still"] .tool-track,
:root[data-motion="still"] .foot-marq-row,
:root[data-motion="still"] .cta-aurora,
:root[data-motion="still"] .foot-aurora{ animation-play-state:paused !important; }
:root[data-motion="still"] .reveal{ transition-duration:.01ms !important; }

/* Calm — same motion, slowed right down for a quieter read */
:root[data-motion="calm"] .bm-row{ animation-duration:60s; }
:root[data-motion="calm"] .mq-col[data-dir="up"] .mq-inner{ animation-duration:46s; }
:root[data-motion="calm"] .mq-col[data-dir="down"] .mq-inner{ animation-duration:52s; }
:root[data-motion="calm"] .wf-carousel .tool-track[data-dir="l"]{ animation-duration:90s; }
:root[data-motion="calm"] .wf-carousel .tool-track[data-dir="r"]{ animation-duration:106s; }
:root[data-motion="calm"] .foot-marq-row{ animation-duration:54s; }
:root[data-motion="calm"] .tool-track[data-dir="l"]{ animation-duration:86s; }
:root[data-motion="calm"] .tool-track[data-dir="r"]{ animation-duration:102s; }

/* ---- TEXTURE: hand-drawn doodle + paper grain intensity ---- */
:root[data-texture="bold"] .doodle-bg::before{ opacity:.34; }
:root[data-texture="off"]  .doodle-bg::before{ display:none; }
:root[data-texture="off"]  body::before{ opacity:0; }