/* ============================================================
   THE IN — Design Tokens v2
   Premium Saudi عربي storefront + operations dashboard.
   ============================================================ */
:root{
  --color-black:#050505; --color-soft-black:#111111; --color-white:#fff;
  --color-gold:#D6A24A; --color-gold-2:#F1D38A; --color-gold-dark:#9C6A21;
  --color-trust-green:#0B8F5A; --color-offer-red:#E60023;
  --color-ink:#151515; --color-muted:#707070; --color-line:#E8E3DA;
  --color-cream:#FBF8F2; --color-sand:#F4EFE7; --color-silver:#C9C9C9;
  --font-ar:"Tajawal","Cairo","Noto Kufi Arabic",system-ui,sans-serif;
  --font-en:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --font-body:var(--font-ar);
  --radius-xs:8px; --radius-sm:12px; --radius:18px; --radius-lg:28px; --radius-pill:999px;
  --shadow-sm:0 4px 14px rgba(5,5,5,.06);
  --shadow:0 14px 44px -24px rgba(5,5,5,.42);
  --shadow-lg:0 24px 80px -38px rgba(5,5,5,.55);
  --ring:0 0 0 4px rgba(214,162,74,.20);
  --surface:#FFFFFF; --surface-2:#FBF8F2; --surface-3:#F4EFE7;
  --on-surface:var(--color-ink); --muted:var(--color-muted); --line:var(--color-line);
  --bs-primary:var(--color-black); --bs-primary-rgb:5,5,5;
  --bs-success:var(--color-trust-green); --bs-danger:var(--color-offer-red);
  --bs-warning:var(--color-gold); --bs-body-bg:var(--color-cream); --bs-body-color:var(--color-ink);
  --bs-border-color:var(--line); --bs-body-font-family:var(--font-body); --bs-border-radius:var(--radius-sm);
  --bs-link-color:var(--color-black); --bs-link-hover-color:var(--color-gold-dark);
}
[data-bs-theme="dark"]{
  --bs-body-bg:#090806; --bs-body-color:#F7F1E8; --bs-border-color:#2A251D;
  --surface:#14120F; --surface-2:#191611; --surface-3:#211D16;
  --on-surface:#F7F1E8; --muted:#B7AA98; --line:#2F2A22;
  --shadow-sm:0 4px 18px rgba(0,0,0,.35); --shadow:0 18px 56px -28px rgba(0,0,0,.85);
  --ring:0 0 0 4px rgba(214,162,74,.24);
}
html{scroll-behavior:smooth} html[lang="en"]{--font-body:var(--font-en)}
body{font-family:var(--font-body);background:var(--bs-body-bg);color:var(--bs-body-color);letter-spacing:-.015em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
img{max-width:100%} a{transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}.container{max-width:1180px}
.bg-surface{background:var(--surface)!important}.bg-soft{background:var(--surface-2)!important}.text-on-surface{color:var(--on-surface)!important}.text-muted-soft{color:var(--muted)!important}.border-line{border-color:var(--line)!important}.rounded-token{border-radius:var(--radius)!important}.shadow-token{box-shadow:var(--shadow)!important}.gold{color:var(--color-gold)!important}.ltr{direction:ltr;unicode-bidi:embed}.ms-start{margin-inline-start:.5rem}.me-end{margin-inline-end:.5rem}
::selection{background:rgba(214,162,74,.35)}
:focus-visible{outline:0;box-shadow:var(--ring)!important}
html[dir="rtl"] .bi-arrow-left,html[dir="rtl"] .icon-flip{transform:scaleX(-1)}
@media (prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(14px);animation:rise .6s cubic-bezier(.2,.8,.2,1) forwards}.reveal:nth-child(2){animation-delay:.04s}.reveal:nth-child(3){animation-delay:.08s}.reveal:nth-child(4){animation-delay:.12s}@keyframes rise{to{opacity:1;transform:none}}}