/* ============================================================
   variables.css — متغيرات CSS لمنصة الرحلة V5
   ============================================================ */
:root {
  /* ── الألوان الأساسية ── */
  --color-primary:    #2563eb;
  --color-primary-dark: #1d4ed8;
  --color-success:    #16a34a;
  --color-warning:    #d97706;
  --color-danger:     #dc2626;

  /* ── ألوان الواجهة ── */
  --color-bg:         #f8fafc;
  --color-surface:    #ffffff;
  --color-border:     #e2e8f0;
  --color-text:       #1e293b;
  --color-text-muted: #64748b;

  /* ── الأبعاد ── */
  --radius:    8px;
  --radius-lg: 12px;
  --shadow:    0 1px 3px rgba(0,0,0,.1);
  --shadow-md: 0 4px 12px rgba(0,0,0,.12);

  /* ── الخطوط ── */
  --font-main: 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-size-base: 16px;
}

/* الثيم الداكن (اختياري - للتفعيل المستقبلي) */
@media (prefers-color-scheme: dark) {
  :root {
    --color-bg:      #0f172a;
    --color-surface: #1e293b;
    --color-border:  #334155;
    --color-text:    #f1f5f9;
    --color-text-muted: #94a3b8;
  }
}

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  font-family: var(--font-main);
  font-size: var(--font-size-base);
  background: var(--color-bg);
  color: var(--color-text);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

a { color: var(--color-primary); }
img { max-width: 100%; height: auto; }