:root{
  --font:Vazirmatn,system-ui,sans-serif;
  --ease:cubic-bezier(.2,.8,.2,1);
  --fs-xs:12px;
  --fs-sm:13px;
  --fs-md:15px;
  --fs-lg:17px;
  --fs-xl:20px;
  --fs-2xl:26px;
  --fs-3xl:32px;
  --sp-1:4px;
  --sp-2:8px;
  --sp-3:12px;
  --sp-4:16px;
  --sp-5:20px;
  --sp-6:24px;
  --sp-8:32px;
  --sp-10:40px;
  --r-sm:10px;
  --r-md:14px;
  --r-lg:20px;
  --r-xl:28px;
  --r-pill:999px;
  --bg:#FBF7F2;
  --bg-2:#F4EDE4;
  --surface:#FFFFFF;
  --surface-2:#FAF6F1;
  --text:#22180F;
  --text-2:#6E6155;
  --text-3:#A3968A;
  --border:#EADFD3;
  --brand:#E8590C;
  --brand-2:#FF8A3D;
  --brand-soft:#FFEBDD;
  --on-brand:#fff;
  --ok:#1F9D55;
  --warn:#C27C0E;
  --err:#D6336C;
  --scrim:rgba(20,10,5,.4);
  --sh-1:0 1px 2px rgba(60,30,10,.06),0 1px 1px rgba(60,30,10,.04);
  --sh-2:0 6px 20px -6px rgba(60,30,10,.16),0 2px 6px rgba(60,30,10,.06);
  --sh-3:0 24px 60px -12px rgba(60,30,10,.28);
  --p-snappfood:#FF3D7F;
  --p-snappmarket:#00A86B;
  --p-tapsi:#FF6A00;
  --p-okala:#1E63E9;
}
[data-theme=dark]{
  --font:Vazirmatn,system-ui,sans-serif;
  --ease:cubic-bezier(.2,.8,.2,1);
  --fs-xs:12px;
  --fs-sm:13px;
  --fs-md:15px;
  --fs-lg:17px;
  --fs-xl:20px;
  --fs-2xl:26px;
  --fs-3xl:32px;
  --sp-1:4px;
  --sp-2:8px;
  --sp-3:12px;
  --sp-4:16px;
  --sp-5:20px;
  --sp-6:24px;
  --sp-8:32px;
  --sp-10:40px;
  --r-sm:10px;
  --r-md:14px;
  --r-lg:20px;
  --r-xl:28px;
  --r-pill:999px;
  --bg:#14100D;
  --bg-2:#1C1713;
  --surface:#221C17;
  --surface-2:#2A231D;
  --text:#F6EEE6;
  --text-2:#BCAE9F;
  --text-3:#7F7266;
  --border:#3A3028;
  --brand:#FF7A2E;
  --brand-2:#FFA05C;
  --brand-soft:#3A2416;
  --on-brand:#fff;
  --ok:#1F9D55;
  --warn:#C27C0E;
  --err:#D6336C;
  --scrim:rgba(0,0,0,.55);
  --sh-1:0 1px 2px rgba(0,0,0,.4);
  --sh-2:0 8px 24px -8px rgba(0,0,0,.6);
  --sh-3:0 24px 60px -12px rgba(0,0,0,.7);
  --brand:#E8590C;
  --brand-2:#FF8A3D;
  --p-snappfood:#FF3D7F;
  --p-snappmarket:#00A86B;
  --p-tapsi:#FF6A00;
  --p-okala:#1E63E9;
}
.tile-0{background:linear-gradient(135deg,#FFB86B,#E8590C)}
.tile-1{background:linear-gradient(135deg,#FFD08A,#D9480F)}
.tile-2{background:linear-gradient(135deg,#F7A072,#B23A48)}
.tile-3{background:linear-gradient(135deg,#FFC371,#FF5F6D)}
.tile-4{background:linear-gradient(135deg,#C3E88D,#1F9D55)}
.tile-5{background:linear-gradient(135deg,#9AC5FF,#1E63E9)}
.p-snappfood{background:var(--p-snappfood)}
.p-snappmarket{background:var(--p-snappmarket)}
.p-tapsi{background:var(--p-tapsi)}
.p-okala{background:var(--p-okala)}