/* Motion personality for engines/fx modules (blueprints/tricks.md "Motion personality" table). Put ONE mood class on
   <html> or <body> (or a section): every module reads --fx-ease, --fx-dur and --fx-move from it, so the whole site moves
   one way. --fx-accent / --fx-ink follow the film or story engine colours when present. */
:root {
  --fx-ease: cubic-bezier(.25, 1, .5, 1); --fx-dur: 700ms; --fx-move: 24px;
  --fx-accent: var(--film-accent, var(--accent, rgb(224,112,58))); --fx-ink: var(--film-ink, var(--ink, currentColor));
  --fx-paper: var(--film-bg, var(--bg, rgb(247,242,234)));
}
.mood-luxury   { --fx-ease: cubic-bezier(.22, 1, .36, 1);    --fx-dur: 1150ms; --fx-move: 18px; }
.mood-calm     { --fx-ease: cubic-bezier(.37, 0, .63, 1);    --fx-dur: 1300ms; --fx-move: 12px; }
.mood-warm     { --fx-ease: cubic-bezier(.33, 1, .68, 1);    --fx-dur: 650ms;  --fx-move: 30px; }
.mood-playful  { --fx-ease: cubic-bezier(.34, 1.56, .64, 1); --fx-dur: 425ms;  --fx-move: 45px; }
.mood-bold     { --fx-ease: cubic-bezier(.16, 1, .3, 1);     --fx-dur: 475ms;  --fx-move: 90px; }
.mood-tech     { --fx-ease: cubic-bezier(.65, 0, .35, 1);    --fx-dur: 275ms;  --fx-move: 16px; }
.mood-editorial{ --fx-ease: cubic-bezier(.25, 1, .5, 1);     --fx-dur: 750ms;  --fx-move: 24px; }
.mood-nature   { --fx-ease: cubic-bezier(.37, 0, .63, 1);    --fx-dur: 1100ms; --fx-move: 24px; }
.mood-romantic { --fx-ease: cubic-bezier(.22, 1, .36, 1);    --fx-dur: 1250ms; --fx-move: 18px; }
/* phones move less far */
@media (max-width: 639px) { :root { --fx-move-k: .6; } }
/* reduced motion: modules jump to their resting final state; CSS transitions end at once */
@media (prefers-reduced-motion: reduce) {
  :root, [class*="mood-"] { --fx-dur: 1ms; --fx-move: 0px; }
}