:root{
    --ink:#0a0c10; --midnight:#0d1526; --midnight-800:#0f1a30; --champagne:#efe6d8; --champagne-50:#faf7f1;
    --champagne-100:#f3ecdf; --gold:#c6a15b; --gold-400:#d4b476; --gold-600:#a9834a; --offwhite:#f8f6f2;
  }
  html{scroll-behavior:smooth}
  body{font-family:'Inter',sans-serif;background:var(--offwhite);color:var(--ink)}
  body.lang-ar{font-family:'Tajawal',sans-serif}
  .font-display{font-family:'Playfair Display',serif}
  [dir="rtl"] .flip{transform:scaleX(-1)}
  ::selection{background:var(--gold);color:var(--ink)}
  .gold-divider{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
  .premium-card{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(248,246,242,.9));border:1px solid rgba(198,161,91,.18)}
  .shadow-premium{box-shadow:0 20px 60px -20px rgba(0,0,0,.5)}
  .shadow-gold{box-shadow:0 8px 30px -8px rgba(198,161,91,.35)}
  @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
  .animate-float{animation:float 4s ease-in-out infinite}
  @keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}100%{opacity:1;transform:translateY(0)}}
  .animate-fadeUp{animation:fadeUp .7s ease forwards}
  .skeleton{position:relative;overflow:hidden;background:#eee5d6}
  .skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);background-size:200% 100%;animation:shimmer 1.6s infinite}
  @keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
  ::-webkit-scrollbar{width:8px;height:8px}
  ::-webkit-scrollbar-thumb{background:#d8cba8;border-radius:8px}
  .line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
  [data-lucide]{width:1em;height:1em}