/* assets/css/variables.css — نظام التصميم */
:root {
  --c-primary:      #1a237e;
  --c-primary-light:#3949ab;
  --c-accent:       #f9a825;
  --c-success:      #2e7d32;
  --c-danger:       #c62828;
  --c-warning:      #ef6c00;
  --c-bg:           #f0f2f5;
  --c-surface:      #ffffff;
  --c-border:       #e0e0e0;
  --c-text:         #212121;
  --c-text-2:       #616161;
  --c-text-3:       #9e9e9e;
  --c-overlay:      rgba(0,0,0,0.52);
  --font:           'Cairo','Segoe UI',Arial,sans-serif;
  --r-sm:  6px;  --r-md: 12px; --r-lg: 20px; --r-full: 9999px;
  --sp-xs: 4px;  --sp-sm: 8px; --sp-md: 16px; --sp-lg: 24px; --sp-xl: 32px;
  --sh-sm: 0 1px 4px rgba(0,0,0,.08);
  --sh-md: 0 4px 16px rgba(0,0,0,.12);
  --sh-lg: 0 8px 32px rgba(0,0,0,.16);
  --nav-h: 64px;
  --safe-b: env(safe-area-inset-bottom, 0px);
  --trans: 200ms ease;
}
@media (prefers-color-scheme: dark) {
  :root {
    --c-bg:      #111827;
    --c-surface: #1f2937;
    --c-border:  #374151;
    --c-text:    #f9fafb;
    --c-text-2:  #d1d5db;
    --c-text-3:  #9ca3af;
  }
}