/* موقعچي | Mawqiji — design tokens v4.0 */
@font-face{font-family:"Rubik";src:url("../fonts/Rubik-Variable.woff") format("woff");font-weight:300 900;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url("../fonts/IBMPlexSansArabic-Regular.woff") format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url("../fonts/IBMPlexSansArabic-Medium.woff") format("woff");font-weight:500;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url("../fonts/IBMPlexSansArabic-SemiBold.woff") format("woff");font-weight:600;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url("../fonts/IBMPlexSansArabic-Bold.woff") format("woff");font-weight:700 900;font-display:swap}
:root{
  /* core palette */
  --mq-dijla:#0A3441;      /* دجلة — primary */
  --mq-jamr:#FF6B3D;       /* جمر — signature accent (the dot) */
  --mq-jamr-dark:#F25A2A;  /* جمر غامق — hover */
  --mq-nanaa:#8FE3C8;      /* نعناع — support, on dark only */
  --mq-waraq:#F1F5F4;      /* ورق — background */
  --mq-hibr:#07222B;       /* حبر — body text */
  --mq-dabab:#5E7A80;      /* ضباب — secondary text */
  --mq-white:#FFFFFF;
  --mq-line:#DCE5E3;       /* hairlines, card borders */
  /* property status */
  --mq-status-available-bg:#DDF6EE; --mq-status-available-fg:#0E5B43;
  --mq-status-reserved-bg:#FFE7DF;  --mq-status-reserved-fg:#8A2A0C;
  --mq-status-sold-bg:#E4EBEC;      --mq-status-sold-fg:#33494F;
  /* type */
  --mq-font-display:"Rubik","IBM Plex Sans Arabic",Tahoma,sans-serif;
  --mq-font-body:"IBM Plex Sans Arabic","Rubik",Tahoma,"Segoe UI",sans-serif;
  --mq-font-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --mq-text-display:64px; --mq-text-h1:44px; --mq-text-h2:32px; --mq-text-h3:22px;
  --mq-text-lead:20px; --mq-text-body:17px; --mq-text-small:14px; --mq-text-label:13px;
  /* shape & space (8px grid) */
  --mq-shadow-1:0 1px 2px rgba(7,34,43,.06),0 1px 1px rgba(7,34,43,.04); --mq-shadow-2:0 12px 32px -18px rgba(7,34,43,.28); --mq-shadow-3:0 30px 70px -32px rgba(7,34,43,.42);
  --mq-radius-sm:10px; --mq-radius-md:16px; --mq-radius-card:24px; --mq-radius-pill:999px;
  --mq-space-1:4px; --mq-space-2:8px; --mq-space-3:16px; --mq-space-4:24px; --mq-space-5:40px; --mq-space-6:64px; --mq-space-7:96px;
}