/* ══════════════════════════════════════════════════════════════
   BASE — shared reset, color tokens, fonts, and keyframes used by
   both the public site (site.css) and the admin panel (admin.css).
   Loaded first on every page.
══════════════════════════════════════════════════════════════ */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Space Grotesk',sans-serif;background:#0E0804;color:#F0E8E0;overflow-x:hidden}
:root{
  --h:#C4693A;--hl:#E08A5C;--hp:#F5DDD0;--hd:#8A3A18;--hdp:#3A1408;
  --s:#4A7A50;--sl:#6A9E72;--sp:#B0CCB4;--sd:#2A5030;--sdp:#162A1A;
  --bg:#0E0804;--bg2:#160C06;--bg3:#1E1008;--bg4:#261408;
  --cream:#F8F0E8;--muted:#9A7A68;--border:rgba(196,105,58,.15);
  --glow-h:rgba(196,105,58,.28);--glow-s:rgba(74,122,80,.22);
}
@keyframes float-a{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
@keyframes float-b{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes float-c{0%,100%{transform:translateY(-5px)}50%{transform:translateY(9px)}}
@keyframes pulse-glow{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:.85;transform:scale(1.1)}}
@keyframes slide-up{from{opacity:0;transform:translateY(45px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-left{from{opacity:0;transform:translateX(-45px)}to{opacity:1;transform:translateX(0)}}
@keyframes slide-right{from{opacity:0;transform:translateX(45px)}to{opacity:1;transform:translateX(0)}}
@keyframes pop{0%{opacity:0;transform:scale(.78) translateY(28px)}65%{transform:scale(1.04)}100%{opacity:1;transform:scale(1) translateY(0)}}
@keyframes fade-in{from{opacity:0}to{opacity:1}}
@keyframes bounce-icon{0%,100%{transform:translateY(0) scale(1)}40%{transform:translateY(-6px) scale(1.14)}70%{transform:translateY(-2px) scale(1.06)}}
@keyframes shimmer-line{0%{left:-100%}100%{left:200%}}

.reveal{opacity:0}
.reveal.up   {animation:slide-up  .7s cubic-bezier(.16,1,.3,1) forwards}
.reveal.left {animation:slide-left .7s cubic-bezier(.16,1,.3,1) forwards}
.reveal.right{animation:slide-right .7s cubic-bezier(.16,1,.3,1) forwards}
.reveal.pop  {animation:pop .75s cubic-bezier(.16,1,.3,1) forwards}
.reveal.fade {animation:fade-in .6s ease forwards}
.d1{animation-delay:.05s}.d2{animation-delay:.15s}.d3{animation-delay:.25s}
.d4{animation-delay:.35s}.d5{animation-delay:.45s}.d6{animation-delay:.55s}

.logo-icon{width:28px;height:28px;flex-shrink:0}