/* 00 — unified design tokens */
@font-face{
  font-family:"iMohammed";
  src:url("../fonts/iMohammed-v3.108.ttf") format("truetype");
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
@layer tokens {
  :root {
    color-scheme: light;
    --ibn-font:"iMohammed",system-ui,-apple-system,"SF Arabic","Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;
    --ibn-bg:#f8f6ef;
    --ibn-bg-2:#eee9dc;
    --ibn-surface:#fffaf0;
    --ibn-surface-2:#f8eedb;
    --ibn-ink:#10243f;
    --ibn-muted:#637084;
    --ibn-navy:#061c36;
    --ibn-navy-2:#0b3768;
    --ibn-gold:#c99522;
    --ibn-gold-2:#e3b84e;
    --ibn-on-dark:#fffaf0;
    --ibn-border:rgba(175,126,30,.32);
    --ibn-border-strong:rgba(218,167,53,.72);
    --ibn-shadow-1:0 8px 24px rgba(22,34,48,.08);
    --ibn-shadow-2:0 18px 45px rgba(22,34,48,.14);
    --ibn-radius-xs:.55rem;
    --ibn-radius-sm:.75rem;
    --ibn-radius-md:1rem;
    --ibn-radius-lg:1.3rem;
    --ibn-radius-pill:999px;
    --ibn-max:1440px;
    --ibn-article:880px;
    --ibn-sidebar-min:21.5rem;
    --ibn-sidebar-max:24rem;
    --ibn-gutter:clamp(.75rem,1.7vw,1.35rem);
    --ibn-text-xs:clamp(.72rem,.69rem + .08vw,.78rem);
    --ibn-text-sm:clamp(.82rem,.78rem + .12vw,.9rem);
    --ibn-text-md:clamp(.94rem,.9rem + .15vw,1.03rem);
    --ibn-text-lg:clamp(1.08rem,1rem + .28vw,1.24rem);
    --ibn-text-xl:clamp(1.35rem,1.15rem + .62vw,1.72rem);
    --ibn-ease:cubic-bezier(.2,.75,.25,1);
    --ibn-duration:180ms;
    --ibn-header-height:124px;
    --ibn-header-title-size:36px;
    --ibn-header-overlay:.58;
    --ibn-featured-title:20px;
    --ibn-tool-card-height:66px;
    --ibn-tool-icon-size:30px;
  }
}