/* Official identity. Values derived from the existing dashboard and approved logo. */
:root {
  --ds-primary:#0868b7; --ds-secondary:#062746; --ds-accent:#F2A55B;
  --ds-logo-blue:#2E4A9E; --ds-bg:#f4f7fb; --ds-surface:#fff;
  --ds-text:#18324b; --ds-muted:#526b80; --ds-border:#d5e1eb; --ds-control-border:var(--ds-muted);
  --ds-success:#176b3a; --ds-success-bg:#e9f8ef;
  --ds-warning:#8a4b00; --ds-warning-bg:#fff4e5;
  --ds-error:#a61b1b; --ds-error-bg:#fff0f0;
  --ds-info:#075ca8; --ds-info-bg:#edf4f9;
  --ds-font-ar:Tajawal,Arial,sans-serif; --ds-font-body:var(--ds-font-ar); --ds-font-heading:Cairo,Arial,sans-serif;
  --ds-font-en:Arial,Tajawal,sans-serif;
  --ds-text-xs:.75rem; --ds-text-sm:.875rem; --ds-text-base:1rem;
  --ds-h1:clamp(1.5rem,2.5vw,1.875rem); --ds-h2:1.1875rem; --ds-h3:1.0625rem;
  --ds-leading:1.75; --ds-leading-heading:1.5;
  --ds-space-1:.25rem; --ds-space-2:.5rem; --ds-space-3:.75rem;
  --ds-space-4:1rem; --ds-space-5:1.25rem; --ds-space-6:1.5rem; --ds-space-8:2rem;
  --ds-radius-sm:.625rem; --ds-radius:1rem; --ds-radius-lg:1.25rem;
  --ds-shadow:0 12px 35px rgba(6,39,70,.08); --ds-control-height:2.75rem;
  --ds-icon:1.25rem; --ds-focus:0 0 0 3px rgba(8,104,183,.25);
}
html[lang=en]{--ds-font-body:var(--ds-font-en)}
[name$="_ar"]{--ds-control-font:var(--ds-font-ar)}
[name$="_en"]{--ds-control-font:var(--ds-font-en)}