:root{
  --ink:#0A2238;
  --ink-deep:#071828;
  --ink-2:#2A4257;
  --paper:#F3F7FA;
  --paper-2:#E8F0F5;
  --line:#D3E0E9;
  --line-strong:#AFC3D2;
  --muted:#566A7C;
  --brand:#0A6E8C;
  --brand-deep:#07546C;
  --tint:#DDEFF5;
  --accent:#FF8A5B;
  --accent-ink:#2A1206;
  --accent-deep:#AE431A;
  --accent-tint:#FFE7DC;
  --on-dark-muted:#A9BED0;
  --font-display:'Readex Pro','IBM Plex Sans Arabic',system-ui,sans-serif;
  --font-body:'IBM Plex Sans Arabic',system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif;
  --hero-pattern:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2248%22 viewBox=%220 0 120 48%22%3E%3Cg fill=%22none%22 stroke=%22%235FC3E0%22 stroke-opacity=%220.2%22 stroke-width=%221.4%22%3E%3Cpath d=%22M0 12 Q15 2 30 12 T60 12 T90 12 T120 12%22/%3E%3Cpath d=%22M0 36 Q15 26 30 36 T60 36 T90 36 T120 36%22/%3E%3C/g%3E%3C/svg%3E");
  --card-pattern:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2248%22 viewBox=%220 0 120 48%22%3E%3Cg fill=%22none%22 stroke=%22%230A6E8C%22 stroke-opacity=%220.12%22 stroke-width=%221.4%22%3E%3Cpath d=%22M0 12 Q15 2 30 12 T60 12 T90 12 T120 12%22/%3E%3Cpath d=%22M0 36 Q15 26 30 36 T60 36 T90 36 T120 36%22/%3E%3C/g%3E%3C/svg%3E");
}