@import "../_shared/os-tokens.css";
@import "../_shared/ss-motion.css";

/* yoursyntax — the syntax mark: one lowercase word "syntax" (single text run, full opacity), then the
   caret, syntax blue #1D4AFF, bouncing. Founder 2026-07-23: one word, never split, caret at the end.
   Founder 2026-07-27 22:46: "syntax logo with bouncing blue cvaret is perfection." [CC-mm/ae3d9bf6]
   domains/design/DESIGN.md: #1D4AFF is the only locked mark colour.
   Wire: data-lm="yoursyntax" on the brand svg + link this file.
   Consumes: deploy/_shared/os-tokens.css and deploy/_shared/ss-motion/ */
[data-lm="yoursyntax"] > rect { fill: #1D4AFF; transform-box: fill-box; transform-origin: 50% 100%; }
@keyframes sx-bounce { 0% { transform:translateY(0); animation-timing-function:var(--ss-snap-easing, cubic-bezier(.2,.7,.4,1)) } 45% { transform:translateY(-4px); animation-timing-function:var(--os-ease-standard, cubic-bezier(.6,0,.8,.3)) } 90%,100% { transform:translateY(0) } }
@media (prefers-reduced-motion: no-preference) {
  [data-lm="yoursyntax"] > rect { animation: sx-bounce 1s infinite; }
}
@media (prefers-reduced-motion: reduce) {
  [data-lm="yoursyntax"] > rect { animation: none; transform: none; }
}