/* مقدار — brand tokens (single source of truth). Copy into web/, admin/, site/ — never invent other colours. */
:root{
  /* brand — one hue (trust blue), used for everything interactive */
  --m-900:#0C2550; --m-700:#1A4FB5; --m-600:#2160D0; --m-500:#3B78E0; --m-200:#C7D8F5; --m-100:#E6EEFB; --m-50:#F3F7FD;
  /* accent — gold, max ~5% of any screen: the logo dot, «الأكثر طلباً», one highlight per page */
  --gold:#C8A24A; --gold-100:#F6EEDA;
  /* neutrals */
  --ink:#121A2B; --ink-2:#3A4357; --mute:#6B7487; --line:#DDE2EA; --soft:#EEF1F6; --bg:#F7F9FC; --card:#FFFFFF;
  /* status — muted, only for status text/badges, never decoration */
  --ok:#1F8A5B; --warn:#A06A12; --bad:#C0352B; --ok-bg:#E5F4EC; --warn-bg:#FBF2E1; --bad-bg:#FBE8E6;
  /* type — IBM Plex Sans Arabic; scale ×1.272 (√φ): 12.6 · 16 · 20.4 · 25.9 · 33 · 42 · 53 */
  --font:"IBM Plex Sans Arabic","IBM Plex Sans","Segoe UI",Tahoma,sans-serif;
  --t-xs:12.6px; --t-s:14px; --t-m:16px; --t-l:20.4px; --t-xl:25.9px; --t-2xl:33px; --t-3xl:42px; --t-4xl:53px;
  --lh:1.618; --lh-tight:1.272;
  /* space — Fibonacci */
  --s1:3px; --s2:5px; --s3:8px; --s4:13px; --s5:21px; --s6:34px; --s7:55px; --s8:89px;
  /* shape */
  --r-s:5px; --r:8px; --r-l:13px; --r-xl:21px;
  --shadow:0 1px 2px rgba(20,32,31,.06),0 8px 21px rgba(20,32,31,.06);
  /* layout — golden split */
  --phi:1.618; --major:61.8%; --minor:38.2%; --max:1180px;
  /* icons — ONE style: line, 1.75 stroke, currentColor, 20px (inherit text colour; never multicolour, never emoji) */
  --icon:20px; --icon-stroke:1.75;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --m-700:#6C9BF2; --m-600:#5A8BEA; --m-500:#4A7DE2; --m-200:#203A6B; --m-100:#15264A; --m-50:#0F1B33;
  --ink:#E7ECF5; --ink-2:#C0C8D8; --mute:#8C95A8; --line:#263047; --soft:#18213A; --bg:#0D1424; --card:#131B2E;
  --ok-bg:#13301F; --warn-bg:#2B2414; --bad-bg:#2E1719; --shadow:none;
}}
:root[data-theme="dark"]{
  --m-700:#6C9BF2; --m-600:#5A8BEA; --m-500:#4A7DE2; --m-200:#203A6B; --m-100:#15264A; --m-50:#0F1B33;
  --ink:#E7ECF5; --ink-2:#C0C8D8; --mute:#8C95A8; --line:#263047; --soft:#18213A; --bg:#0D1424; --card:#131B2E;
  --ok-bg:#13301F; --warn-bg:#2B2414; --bad-bg:#2E1719; --shadow:none;
}
.m-icon{width:var(--icon);height:var(--icon);stroke:currentColor;stroke-width:var(--icon-stroke);fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}