/* ==========================================================================
   شباك التذاكر · Ticket Window — Design Tokens v1.0 (نوفمبر 2026)
   مصدر واحد للألوان والخطوط والمسافات في الموقع ولوحات التحكم.
   الهوية: البرتقالي #E8833A + الحبر #1A1A1A + الأبيض، خط Cairo للعربية و Inter للاتينية.
   ========================================================================== */

/* ---------- Fonts (local, no CDN) ---------- */
@font-face{font-family:"Cairo";font-weight:400;font-display:swap;src:url(fonts/cairo-arabic-400-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Cairo";font-weight:500;font-display:swap;src:url(fonts/cairo-arabic-500-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Cairo";font-weight:600;font-display:swap;src:url(fonts/cairo-arabic-600-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Cairo";font-weight:700;font-display:swap;src:url(fonts/cairo-arabic-700-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Cairo";font-weight:800;font-display:swap;src:url(fonts/cairo-arabic-800-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Cairo";font-weight:900;font-display:swap;src:url(fonts/cairo-arabic-900-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Inter";font-weight:400;font-display:swap;src:url(fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:500;font-display:swap;src:url(fonts/inter-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:600;font-display:swap;src:url(fonts/inter-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:700;font-display:swap;src:url(fonts/inter-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:800;font-display:swap;src:url(fonts/inter-latin-800-normal.woff2) format("woff2")}

:root{
  /* ---------- Brand: orange scale (500 = brand) ---------- */
  --orange-50:#FDF3EA; --orange-100:#FBE4CC; --orange-200:#F7C99C; --orange-300:#F2AC6B; --orange-400:#ED9750;
  --orange-500:#E8833A; --orange-600:#C56A24; --orange-700:#A9531A; --orange-800:#7F3E14; --orange-900:#5A2C0F;
  /* ---------- Ink / warm neutrals ---------- */
  --ink-950:#111111; --ink-900:#1A1A1A; --ink-800:#262626; --ink-700:#3A3A3A; --ink-600:#4E4E4E; --ink-500:#6B6B6B;
  --ink-400:#8A8580; --ink-300:#BDB6AE; --ink-200:#DDD5CC; --ink-150:#E6E2DD; --ink-100:#EFEBE6; --ink-50:#FAF8F5; --white:#FFFFFF;

  /* ---------- Semantic roles (light) ---------- */
  --brand:var(--orange-500); --brand-hover:var(--orange-600); --brand-pressed:var(--orange-700);
  --brand-text:var(--orange-700);           /* برتقالي النصوص الصغيرة: تباين 5.3:1 على الأبيض */
  --brand-soft:var(--orange-50); --brand-soft-2:var(--orange-100);
  --on-brand:var(--ink-900);                /* النص فوق البرتقالي أسود، لا أبيض */
  --bg:var(--white); --bg-subtle:var(--ink-50); --bg-muted:var(--ink-100); --bg-inverse:var(--ink-900);
  --surface:var(--white); --surface-raised:var(--white); --surface-sunken:var(--ink-50);
  --fg:var(--ink-900); --fg-2:var(--ink-700); --fg-3:var(--ink-500); --fg-4:var(--ink-400); --fg-inverse:var(--white);
  --border:var(--ink-150); --border-strong:var(--ink-200); --divider:var(--ink-100);
  --focus-ring:0 0 0 3px rgba(232,131,58,.45);

  --success:#15803D; --success-bg:#DCF2E3; --warning:#B45309; --warning-bg:#FDF0D5;
  --danger:#C0392B;  --danger-bg:#FBE3DF;  --info:#2563EB;    --info-bg:#E0EAFD;

  /* ---------- Activity colours (للتمييز داخل المنصة فقط، ويُكتب الاسم بجانب اللون) ---------- */
  --act-events:#9333EA; --act-experiences:#B45309; --act-restaurants:#E11D48; --act-courses:#4F46E5; --act-exhibitions:#0E7490;
  --act-theaters:#BE185D; --act-spaces:#15803D; --act-trips:#2563EB; --act-appointments:#7C3AED;

  /* ---------- Typography ---------- */
  --font-ar:"Cairo",system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;
  --font-lat:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font:var(--font-ar); --font-num:var(--font-lat);
  --fs-display:48px; --fs-h1:36px; --fs-h2:28px; --fs-h3:22px; --fs-h4:18px; --fs-body:16px; --fs-small:14px; --fs-caption:12px; --fs-micro:11px;
  --lh-tight:1.25; --lh-snug:1.4; --lh-body:1.7;
  --fw-regular:400; --fw-medium:500; --fw-semibold:600; --fw-bold:700; --fw-extrabold:800; --fw-black:900;

  /* ---------- Spacing (4px grid) ---------- */
  --sp-0:0; --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-16:64px; --sp-20:80px;

  /* ---------- Radius (مستوحاة من زوايا التذكرة) ---------- */
  --r-xs:4px; --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:24px; --r-pill:999px;

  /* ---------- Elevation ---------- */
  --sh-1:0 1px 2px rgba(26,26,26,.06);
  --sh-2:0 4px 12px rgba(26,26,26,.08);
  --sh-3:0 12px 28px rgba(26,26,26,.12);
  --sh-4:0 24px 56px rgba(26,26,26,.18);

  /* ---------- Motion ---------- */
  --ease:cubic-bezier(.2,.7,.2,1); --dur-1:120ms; --dur-2:200ms; --dur-3:320ms;

  /* ---------- Layout ---------- */
  --container:1200px; --container-wide:1360px; --sidebar:264px; --topbar:64px;
  --bp-sm:480px; --bp-md:768px; --bp-lg:1024px; --bp-xl:1280px;  /* للاستخدام في التوثيق؛ الاستعلامات تكتب القيم مباشرة */
  --z-dropdown:1000; --z-sticky:1100; --z-drawer:1200; --z-modal:1300; --z-toast:1400;

  /* ---------- Controls ---------- */
  --ctl-h-sm:36px; --ctl-h:44px; --ctl-h-lg:52px;   /* 44px حد أدنى لمساحة اللمس */
}

/* ---------- Dark theme (لوحات التحكم اختياريًا) ---------- */
[data-theme="dark"]{
  --bg:#121212; --bg-subtle:#181818; --bg-muted:#202020; --bg-inverse:var(--white);
  --surface:#1A1A1A; --surface-raised:#222222; --surface-sunken:#151515;
  --fg:#F4F1ED; --fg-2:#D8D2CB; --fg-3:#A8A19A; --fg-4:#857F79; --fg-inverse:var(--ink-900);
  --border:#2E2E2E; --border-strong:#3A3A3A; --divider:#262626;
  --brand-text:var(--orange-400); --brand-soft:#2A1E14; --brand-soft-2:#3A2615;
  --success-bg:#12301E; --warning-bg:#33240D; --danger-bg:#3A1714; --info-bg:#13213F;
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased}
.num,.lat,[dir="ltr"]{font-family:var(--font-lat)}
.num{font-variant-numeric:tabular-nums}
:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--r-sm)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}