/* ═══════════════════════════════════════════════════════════
   ثيمان، كلاهما مأخوذ من هوية المحل الحقيقية:

   الغامق  = لافتة النيون بالليل (ذهبي دافئ على أسود إسبريسو)
   الفاتح  = المنيو المطبوع نهاراً (وردي وتركوازي على كريمي)

   الغامق هو الافتراضي لأنه يجعل صور المشروبات تنفجر بصرياً،
   والزبون يبدّل بضغطة.
   ═══════════════════════════════════════════════════════════ */

:root {
  /* ── منحنيات التوقيت ── */
  --ease-out: cubic-bezier(0.22,1,0.36,1);
  --ease-inout: cubic-bezier(0.65,0,0.35,1);
  --ease-spring: cubic-bezier(0.34,1.56,0.64,1);

  /* ── سلّم المدة ── */
  --d-tap: 120ms;
  --d-state: 250ms;
  --d-enter: 400ms;
  --d-hero: 700ms;

  /* ── المسافات (سلّم 4px) ── */
  --s1: 0.25rem;  --s2: 0.5rem;   --s3: 0.75rem;  --s4: 1rem;
  --s5: 1.5rem;   --s6: 2rem;     --s7: 3rem;     --s8: 4rem;

  /* ── الخطوط ── */
  --font: "IBM Plex Sans Arabic", system-ui, "Segoe UI", Tahoma, sans-serif;
  --fs-xs: 0.75rem;   --fs-sm: 0.875rem;  --fs-base: 1rem;
  --fs-lg: 1.25rem;   --fs-xl: 1.625rem;  --fs-2xl: 2.25rem;

  /* ── الأشكال ── */
  --r-sm: 8px;  --r-md: 14px;  --r-lg: 22px;  --r-full: 999px;

  /* ── الطبقات ── */
  --z-rail: 40;
  --z-backdrop: 80;
  --z-sheet: 90;
  --z-grain: 100;

  /* لون الصنف النشط — يُضبط من جافاسكربت لكل بطاقة */
  --accent: var(--brand);
}

/* ═══ الثيم الغامق — لافتة الليل (الافتراضي) ═══ */
:root,
:root[data-theme="dark"] {
  color-scheme: dark;

  --bg: #0B0908;
  --bg-elev: #171310;
  --bg-sheet: #1E1815;
  --brand: #F0B662;          /* ذهبي النيون */
  --brand-strong: #FFD79A;
  --pink: #F2C4CE;
  --teal: #34A39D;
  --leaf: #4CAF50;
  --text: #F5EFE8;
  --text-dim: #A99C8E;
  --hairline: rgba(240, 182, 98, 0.16);
  --card-shadow: none;

  /* خلفية بعمق بدل الأسود المسطّح:
     توهج دافئ من الأعلى + تدرّج رأسي خفيف */
  --page-wash:
    radial-gradient(120% 62% at 50% -8%,
      rgba(240, 182, 98, 0.13) 0%,
      rgba(240, 182, 98, 0.04) 34%,
      transparent 62%),
    linear-gradient(180deg, #15100C 0%, #0B0908 46%, #0B0908 100%);

  --grain-opacity: 0.022;
  --grain-blend: normal;
  --glow-strength: 0.62;      /* شدة هالة لون الصنف */
  --logo-glow: 1;             /* توهج النيون مفعّل */
  --on-brand: #0B0908;        /* نص فوق لون العلامة */
}

/* ═══ الثيم الفاتح — المنيو المطبوع نهاراً ═══ */
:root[data-theme="light"] {
  color-scheme: light;

  --bg: #FBF4F2;
  --bg-elev: #FFFFFF;
  --bg-sheet: #FFFFFF;
  --brand: #9A5B12;          /* كهرماني عميق — يحقق التباين على الفاتح */
  --brand-strong: #7A4408;
  --pink: #C9506E;
  --teal: #146964;
  --leaf: #2E7D32;
  --text: #241813;
  --text-dim: #6B584E;
  --hairline: rgba(36, 24, 19, 0.12);
  --card-shadow: 0 1px 2px rgba(36,24,19,0.05), 0 8px 24px rgba(36,24,19,0.07);

  --page-wash:
    radial-gradient(120% 58% at 50% -6%,
      rgba(201, 80, 110, 0.10) 0%,
      rgba(20, 105, 100, 0.05) 38%,
      transparent 64%),
    linear-gradient(180deg, #FFF9F7 0%, #FBF4F2 42%, #F6EDEA 100%);

  --grain-opacity: 0.03;
  --grain-blend: multiply;
  --glow-strength: 0.30;      /* الهالة أخف على خلفية فاتحة */
  --logo-glow: 0;             /* لا توهج نيون نهاراً */
  --on-brand: #FFFFFF;        /* أبيض فوق الكهرماني العميق */
}

/* عند تفضيل تقليل الحركة، تُصفَّر كل المدد عند المصدر */
@media (prefers-reduced-motion: reduce) {
  :root {
    --d-tap: 0.01ms;
    --d-state: 0.01ms;
    --d-enter: 0.01ms;
    --d-hero: 0.01ms;
  }
}