/* توكنز الهوية — نفس الأرقام اللي في DESIGN.md */
@font-face{font-family:"DIN Next LT Arabic";src:url("../assets/fonts/DINNextLTArabic-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"DIN Next LT Arabic";src:url("../assets/fonts/DINNextLTArabic-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"DIN Next LT Arabic";src:url("../assets/fonts/DINNextLTArabic-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"DIN Next LT Arabic";src:url("../assets/fonts/DINNextLTArabic-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"DIN Next LT Arabic";src:url("../assets/fonts/DINNextLTArabic-Heavy.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}

:root{
  /* ألوان الدليل */
  --navy-900:#001C34;
  --gray-100:#E0E0E0;
  --gold-500:#B08D57;
  --ink-900:#171717;
  --ink-500:#686868;
  --amber-500:#DB961D;
  /* درجات العمق */
  --navy-950:#00111F;
  --navy-800:#0B2F49;
  --navy-700:#16405F;
  --paper:#F1F1EF;
  --gold-300:#D8BC8E;

  --font:"DIN Next LT Arabic","Segoe UI",Tahoma,sans-serif;

  --fs-display:clamp(1.9rem,min(4.2vw,7.9vh),4.125rem);
  --fs-h2:clamp(2rem,4.4vw,4rem);
  --fs-h3:clamp(1.4rem,2.1vw,2rem);
  --fs-lead:clamp(1.125rem,1.45vw,1.375rem);
  --fs-body:1.0625rem;
  --fs-small:.9375rem;
  --fs-label:.8125rem;

  --gutter:clamp(1.25rem,4.5vw,4.5rem);
  --max:1320px;
  --section:clamp(5rem,11vw,10rem);
  --hdr:84px;

  --r-leaf:20px 4px 20px 4px;
  --r-card:28px 6px 28px 6px;
  --r-pill:999px;

  --line:rgba(176,141,87,.35);
  --hair:rgba(224,224,224,.12);
  --shadow:0 30px 80px -30px rgba(0,8,18,.65);
  --edge:inset 0 1px 0 rgba(224,224,224,.08);

  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-inout:cubic-bezier(.65,0,.35,1);
  --dur-1:.35s;
  --dur-2:.7s;
  --dur-3:1.2s;
}
@media (max-width:768px){:root{--hdr:68px}}