/* Arvy static — shared styles (brutalist tokens + animations) */
:root { --ink:#050505; --cream:#fcf7ee; --purple:#4F01DF; --green:#bbe701; --pink:#F3168F; }
html, body { background:#fcf7ee; color:#050505; font-family:'Inter', system-ui, sans-serif; font-feature-settings:"ss01","cv11"; }
h1,h2,h3,h4 { font-family:'Archivo Black','Inter',sans-serif; letter-spacing:-0.02em; }
.text-display { font-family:'Archivo Black','Inter',sans-serif; letter-spacing:-0.02em; }
.border-ink { border-color:#050505; }
.shadow-brutal { box-shadow: 6px 6px 0 0 #050505; }
.shadow-brutal-sm { box-shadow: 3px 3px 0 0 #050505; }
.shadow-brutal-lg { box-shadow: 10px 10px 0 0 #050505; }

@keyframes arvy-float { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-10px);} }
@keyframes arvy-float-tilt { 0%,100%{transform:translateY(0) rotate(6deg);} 50%{transform:translateY(-14px) rotate(4deg);} }
@keyframes arvy-spin-slow { from{transform:rotate(0);} to{transform:rotate(360deg);} }
@keyframes arvy-wiggle { 0%,100%{transform:rotate(-6deg);} 50%{transform:rotate(6deg);} }
@keyframes arvy-rise { from{opacity:0; transform:translateY(24px);} to{opacity:1; transform:translateY(0);} }
@keyframes arvy-pop { 0%{opacity:0; transform:scale(0.85);} 60%{transform:scale(1.04);} 100%{opacity:1; transform:scale(1);} }

.animate-float { animation: arvy-float 5s ease-in-out infinite; }
.animate-float-slow { animation: arvy-float 8s ease-in-out infinite; }
.animate-float-tilt { animation: arvy-float-tilt 6s ease-in-out infinite; }
.animate-spin-slow { animation: arvy-spin-slow 24s linear infinite; }
.animate-wiggle { animation: arvy-wiggle 2.5s ease-in-out infinite; }
.animate-rise { animation: arvy-rise 0.7s ease-out both; }
.animate-pop { animation: arvy-pop 0.5s ease-out both; }

.hover-lift { transition: transform .25s ease, box-shadow .25s ease; }
.hover-lift:hover { transform: translate(-2px,-2px); box-shadow: 10px 10px 0 0 #050505; }

/* RTL helper for logical props with tailwind CDN */
[dir="rtl"] .flip-x { transform: scaleX(-1); }