/* مستقل - generated from tokens.json */
:root,[data-theme="light"]{
  --green-900:#0E3B3A;
  --green-700:#1B5654;
  --green-500:#3C7B76;
  --green-100:#DCE9E5;
  --green-50:#EFF5F3;
  --gold-500:#E8A93B;
  --gold-700:#8A5A07;
  --gold-100:#FBEBCB;
  --cream:#F6EFE0;
  --ivory:#FBF8F1;
  --bg:#FBF8F1;
  --surface:#FFFFFF;
  --surface-sunken:#F6EFE0;
  --ink:#12201F;
  --ink-muted:#4F6968;
  --border:#E4DECF;
  --border-strong:#6B8280;
  --brand:#0E3B3A;
  --on-brand:#F6EFE0;
  --accent:#E8A93B;
  --on-accent:#0E3B3A;
  --panel:#0E3B3A;
  --on-panel:#F6EFE0;
  --link:#1B5654;
  --focus:#0E3B3A;
  --focus-on-panel:#E8A93B;
  --success:#23684A;
  --success-soft:#E3F1EA;
  --danger:#A63A2B;
  --danger-soft:#F8E5E1;
  --warning:#8A5A07;
  --warning-soft:#FBEBCB;
  --info:#285F8C;
  --info-soft:#E2EEF7;
  --scrim:#0e3b3a99;
  --shadow-sm:0 1px 2px 0 rgba(14,59,58,0.10);
  --shadow-md:0 8px 24px -8px rgba(14,59,58,0.22);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0A2827;
  --surface:#103433;
  --surface-sunken:#0D2F2E;
  --ink:#F2ECDD;
  --ink-muted:#A9BDB7;
  --border:#214644;
  --border-strong:#7C9A95;
  --brand:#F6EFE0;
  --on-brand:#0E3B3A;
  --accent:#EDB44F;
  --on-accent:#0A2827;
  --panel:#1B5654;
  --on-panel:#F6EFE0;
  --link:#9CD3C9;
  --focus:#EDB44F;
  --focus-on-panel:#EDB44F;
  --success:#86D1A9;
  --success-soft:#123F33;
  --danger:#F4A596;
  --danger-soft:#4A1F19;
  --warning:#EDB44F;
  --warning-soft:#3F2E0C;
  --info:#9CC6EA;
  --info-soft:#143A57;
  --scrim:#000000b3;
  --shadow-sm:0 1px 2px 0 rgba(0,0,0,0.40);
  --shadow-md:0 8px 24px -8px rgba(0,0,0,0.55);
  color-scheme:dark;
}}
[data-theme="dark"]{
  --bg:#0A2827;
  --surface:#103433;
  --surface-sunken:#0D2F2E;
  --ink:#F2ECDD;
  --ink-muted:#A9BDB7;
  --border:#214644;
  --border-strong:#7C9A95;
  --brand:#F6EFE0;
  --on-brand:#0E3B3A;
  --accent:#EDB44F;
  --on-accent:#0A2827;
  --panel:#1B5654;
  --on-panel:#F6EFE0;
  --link:#9CD3C9;
  --focus:#EDB44F;
  --focus-on-panel:#EDB44F;
  --success:#86D1A9;
  --success-soft:#123F33;
  --danger:#F4A596;
  --danger-soft:#4A1F19;
  --warning:#EDB44F;
  --warning-soft:#3F2E0C;
  --info:#9CC6EA;
  --info-soft:#143A57;
  --scrim:#000000b3;
  --shadow-sm:0 1px 2px 0 rgba(0,0,0,0.40);
  --shadow-md:0 8px 24px -8px rgba(0,0,0,0.55);
  color-scheme:dark;
}
:root{
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:20px;
  --radius-xl:28px;
  --radius-pill:999px;
  --font-display:"Noto Kufi Arabic", "Tajawal", system-ui, sans-serif;
  --font-text:"Noto Sans Arabic", "Tajawal", system-ui, sans-serif;
  --font-latin:"Montserrat", system-ui, sans-serif;
}
.display-xl{font-family:var(--font-display);font-size:48px;line-height:60px;font-weight:700}
.display-lg{font-family:var(--font-display);font-size:36px;line-height:48px;font-weight:700}
.title-lg{font-family:var(--font-display);font-size:28px;line-height:40px;font-weight:700}
.title-md{font-family:var(--font-display);font-size:22px;line-height:34px;font-weight:700}
.body-lg{font-family:var(--font-text);font-size:18px;line-height:32px;font-weight:400}
.body{font-family:var(--font-text);font-size:16px;line-height:28px;font-weight:400}
.body-sm{font-family:var(--font-text);font-size:14px;line-height:24px;font-weight:400}
.label{font-family:var(--font-text);font-size:14px;line-height:20px;font-weight:600}
.caption{font-family:var(--font-text);font-size:12px;line-height:18px;font-weight:500}
.eyebrow{font-family:var(--font-latin);font-size:12px;line-height:16px;font-weight:600;letter-spacing:0.32em;text-transform:uppercase}