/* theme.css — متغيرات الألوان (:root) لكل الثيمات (الداكن + 5 ثيمات فاتحة) */

/* Mobile-First CSS - Fully Responsive */

/* Root Variables */
:root {
  --black: #080808;
  --off: #0f0f0f;
  --panel: #141414;
  --card: #1c1c1c;
  --border: rgba(201, 168, 76, 0.15);
  --b2: rgba(255, 255, 255, 0.06);
  --gold: #c9a84c;
  --gold2: #e8c97a;
  --gdim: rgba(201, 168, 76, 0.12);
  --white: #f0ebe2;
  --muted: #666;
  --m2: #333;
  --red: #e63946;
  --green: #27ae60;
  --blue: #4fc3f7;
  --orange: #f39c12;
  --radius: 0px;
  --nav-h: 4rem; /* 64px -> 4rem */
  --font-size-base: 1rem; /* 16px */
  --spacing-xs: 0.5rem;
  --spacing-sm: 0.75rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
}

/* ═══ LIGHT THEMES VARIABLES ═══ */
:root{
  --light-sand-bg:#faf8f4; --light-sand-card:#fff; --light-sand-panel:#f3efe8; --light-sand-border:rgba(180,150,80,.2); --light-sand-text:#1a1208; --light-sand-muted:#8a7a5a;
  --light-mint-bg:#f4faf8; --light-mint-card:#fff; --light-mint-panel:#e8f5f0; --light-mint-border:rgba(39,174,96,.18); --light-mint-text:#0a1f15; --light-mint-muted:#5a7a6a;
  --light-sky-bg:#f4f8fa; --light-sky-card:#fff; --light-sky-panel:#e8f3f8; --light-sky-border:rgba(79,195,247,.18); --light-sky-text:#0a1520; --light-sky-muted:#5a7080;
  --light-rose-bg:#faf4f6; --light-rose-card:#fff; --light-rose-panel:#f8eaed; --light-rose-border:rgba(220,80,120,.18); --light-rose-text:#1f080e; --light-rose-muted:#7a5060;
  --light-lavender-bg:#f6f4fa; --light-lavender-card:#fff; --light-lavender-panel:#eeeaf8; --light-lavender-border:rgba(120,80,200,.18); --light-lavender-text:#140a1f; --light-lavender-muted:#6a5a80;
}