/* Trendsy tokens — generated from tokens.json */
/* Noto Kufi Arabic is bundled locally below so this package works offline.
   In production you can load it from Google Fonts instead:
   https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;500;600;700&display=swap */
:root{
  --violet-700:#6A62B8;
  --violet-600:#756CBB;
  --violet-500:#847AC7;
  --violet-400:#978CDB;
  --violet-100:#F3F1FC;
  --violet-50:#F6F3FF;
  --violet-25:#FBF9FF;
  --cloud:#F0EFEB;
  --ink:#171638;
  --white:#FFFFFF;
  --surface-image:#F8F8F7;
  --surface-field:#F4F4F4;
  --surface-bar:#F5F5F4;
  --text:#000000;
  --text-muted:#5C5A55;
  --text-faint:#9A9893;
  --text-on-violet:#FFFFFF;
  --line:#DCDCD8;
  --line-soft:#ECEBE8;
  --line-strong:#8E8C88;
  --focus:#000000;
  --rating:#F9CA6A;
  --cat-sand:#FCDC9B;
  --cat-sand-deep:#8C7335;
  --cat-sand-wash:#FEEECD;
  --cat-lilac:#DDBBF4;
  --cat-lilac-deep:#8A6AA1;
  --cat-lilac-wash:#F0E0FA;
  --cat-mint:#9BD2CF;
  --cat-mint-deep:#477F7D;
  --cat-mint-wash:#D2EBE9;
  --cat-coral:#E87374;
  --cat-coral-deep:#C55054;
  --cat-coral-wash:#F8D5D5;
  --cat-sky:#7FA9E8;
  --cat-sky-deep:#4678B5;
  --cat-sky-wash:#D2E1F7;
  --success:#367673;
  --success-surface:#DAF3F1;
  --warning:#836923;
  --warning-surface:#FDECCF;
  --error:#B93943;
  --error-surface:#FFDFDD;
  --info:#2B6DB0;
  --info-surface:#DFEEFF;
  --space-4:4px;
  --space-8:8px;
  --space-12:12px;
  --space-16:16px;
  --space-20:20px;
  --space-24:24px;
  --space-32:32px;
  --space-40:40px;
  --space-56:56px;
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:20px;
  --radius-xl:28px;
  --radius-2xl:36px;
  --radius-pill:999px;
  --shadow-sticky:0 -8px 24px -12px rgba(0,0,0,.14);
  --shadow-pop:0 18px 40px -12px rgba(0,0,0,.18);
  --ratio-product:1 / 1;
  --ratio-banner-mobile:18 / 7;
  --ratio-banner-web:3 / 1;
  --ratio-banner-strip:4 / 1;
  --bp-md:768px;
  --bp-lg:1024px;
  --bp-xl:1280px;
  --font-ui:"NB International", "Noto Kufi Arabic", system-ui, sans-serif;
  --font-arabic:"Noto Kufi Arabic", sans-serif;
  --font-latin:"NB International", system-ui, sans-serif;
}
@font-face{font-family:"NB International";font-weight:400;font-display:swap;src:url("fonts/NBInternational-Regular.woff") format("woff")}
@font-face{font-family:"Noto Kufi Arabic";font-weight:400;font-display:swap;src:url("fonts/NotoKufiArabic-Regular.woff") format("woff")}
@font-face{font-family:"Noto Kufi Arabic";font-weight:600;font-display:swap;src:url("fonts/NotoKufiArabic-SemiBold.woff") format("woff")}
@font-face{font-family:"Noto Kufi Arabic";font-weight:700;font-display:swap;src:url("fonts/NotoKufiArabic-Bold.woff") format("woff")}