/*
 * shared-vars.css — متغيرات التصميم المشتركة
 * ============================================
 * مستخدمة في الموقع العام ولوحة التحكم.
 */

:root {
  /* ── Brand Colors ── */
  --gold:      #C9952A;
  --gold-l:    #F0C060;
  --gold-d:    #8B6510;
  --gold-glow: rgba(201,149,42,0.35);

  /* ── Dark Backgrounds ── */
  --bg:        #0a0a0f;
  --bg2:       #0f1117;
  --bg3:       #161b27;
  --bg4:       #1c2333;
  --card:      #111118;
  --card2:     #16161f;

  /* ── Text ── */
  --text:      #f5f0e8;
  --muted:     #8a8a9a;

  /* ── Borders ── */
  --border:    rgba(201,149,42,0.2);
  --border-hi: rgba(201,149,42,0.45);

  /* ── Status Colors ── */
  --green:     #22c55e;
  --red:       #ef4444;
  --blue:      #3b82f6;
  --orange:    #f97316;

  /* ── Radius ── */
  --r-sm:   8px;
  --r-md:  12px;
  --r-lg:  16px;
  --r-xl:  20px;

  /* ── Sidebar width (admin) ── */
  --sidebar: 260px;
}

/* ── Reset ── */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }

html, body {
  font-family: 'Cairo', 'Tajawal', sans-serif;
  background: var(--bg);
  color: var(--text);
  direction: rtl;
  min-height: 100vh;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

/* ── Scrollbar ── */
::-webkit-scrollbar        { width:6px; height:6px; }
::-webkit-scrollbar-track  { background: var(--bg2); }
::-webkit-scrollbar-thumb  { background: var(--gold-d); border-radius:3px; }
::-webkit-scrollbar-thumb:hover { background: var(--gold); }