/* ── Mote animation custom properties ─────────────────────── */
/* @property enables smooth interpolation between states.     */
/* Type overrides give each mote species its own personality. */

@property --breathe-speed  { syntax: '<time>';   inherits: true; initial-value: 3.5s; }
@property --squash-depth   { syntax: '<number>'; inherits: true; initial-value: 0.85; }
@property --stretch-peak   { syntax: '<number>'; inherits: true; initial-value: 1.12; }
@property --lean-angle     { syntax: '<angle>';  inherits: true; initial-value: 4deg; }
@property --bob-height     { syntax: '<length>'; inherits: true; initial-value: 2px; }
@property --bounce-height  { syntax: '<length>'; inherits: true; initial-value: 8px; }
@property --wing-angle     { syntax: '<angle>';  inherits: true; initial-value: 12deg; }
@property --antenna-angle  { syntax: '<angle>';  inherits: true; initial-value: 8deg; }
@property --mote-scale     { syntax: '<number>'; inherits: true; initial-value: 1; }

/* ── Type personality ────────────────────────────────────── */
[data-mote-type="bloom"]  { --breathe-speed: 4s;   --squash-depth: 0.86; --stretch-peak: 1.09; --lean-angle: 3deg; }
[data-mote-type="ember"]  { --breathe-speed: 2.5s; --squash-depth: 0.78; --stretch-peak: 1.18; --lean-angle: 6deg; }
[data-mote-type="dew"]    { --breathe-speed: 3.5s; --squash-depth: 0.87; --stretch-peak: 1.10; --lean-angle: 3deg; }
[data-mote-type="breeze"] { --breathe-speed: 3.2s; --squash-depth: 0.90; --stretch-peak: 1.14; --lean-angle: 5deg; --bounce-height: 12px; }
[data-mote-type="pebble"] { --breathe-speed: 5s;   --squash-depth: 0.88; --stretch-peak: 1.06; --lean-angle: 2deg; --bounce-height: 6px; }

/* ── Stage modifiers ─────────────────────────────────────── */
[data-mote-stage="baby"]  { --squash-depth: 0.80; --stretch-peak: 1.15; --bounce-height: 6px; }
[data-mote-stage="elder"] { --squash-depth: 0.90; --stretch-peak: 1.05; --lean-angle: 2deg; --breathe-speed: 5.5s; }

/* ── Size context (set by consumer) ──────────────────────── */
/* .lobby-mote  { --mote-scale: 1.4; }  small = exaggerate  */
/* .pg-mote     { --mote-scale: 0.8; }  large = subtle      */