/*
  tokens.css — نظام التصميم "منهاج"
  هوية بصرية مستوحاة من المخطوطات الإسلامية: أخضر زمردي عميق + ذهبي دافئ
  على خلفية رَق (parchment) في الوضع الفاتح، وأخضر ليلي شبه أسود
  مع بريق ذهبي/زمردي في الوضع الداكن.
*/

:root {
  /* ------ طباعة ------ */
  --font-display: 'Cairo', 'Tajawal', sans-serif;
  --font-islamic: 'Reem Kufi', 'Cairo', sans-serif;
  --font-body: 'Cairo', 'Tajawal', sans-serif;
  --font-data: 'Tajawal', 'Cairo', sans-serif;

  --fs-xs: 0.72rem;
  --fs-sm: 0.85rem;
  --fs-md: 1rem;
  --fs-lg: 1.25rem;
  --fs-xl: 1.75rem;
  --fs-2xl: 2.5rem;
  --fs-hero: 3.4rem;

  /* ------ مسافات ------ */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;

  /* ------ زوايا ------ */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  /* ------ حركة ------ */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast: 150ms;
  --dur-med: 320ms;
  --dur-slow: 600ms;

  --sidebar-w: 264px;
}

/* ============================= الوضع الفاتح ============================= */
:root,
[data-theme='light'] {
  --bg-base: #faf6ec;
  --bg-elevated: #ffffff;
  --bg-sunken: #f1ead8;
  --bg-glass: rgba(255, 255, 255, 0.72);

  --ink-900: #1c231d;
  --ink-700: #3c463c;
  --ink-500: #6b756a;
  --ink-300: #a3ab9d;

  --brand-50: #e8f3ea;
  --brand-200: #a9d4b4;
  --brand-500: #12703f;
  --brand-600: #0d5a32;
  --brand-700: #0a4527;
  --brand-900: #062a18;

  --gold-300: #f0d491;
  --gold-500: #c9973b;
  --gold-600: #a97722;

  --accent-rose: #b5495b;
  --accent-sky: #2c7da0;
  --accent-violet: #7b5ea7;
  --accent-amber: #c07f22;

  --border-soft: rgba(28, 35, 29, 0.08);
  --border-strong: rgba(28, 35, 29, 0.16);
  --shadow-sm: 0 1px 2px rgba(28, 35, 29, 0.06);
  --shadow-md: 0 8px 24px -8px rgba(20, 40, 25, 0.18);
  --shadow-lg: 0 24px 48px -16px rgba(20, 40, 25, 0.28);
  --shadow-gold-glow: 0 0 0 1px rgba(201, 151, 59, 0.35), 0 8px 30px -6px rgba(201, 151, 59, 0.35);

  --grain-opacity: 0.035;
}

/* ============================= الوضع الداكن ============================= */
[data-theme='dark'] {
  --bg-base: #0b1410;
  --bg-elevated: #121e18;
  --bg-sunken: #070d0a;
  --bg-glass: rgba(18, 30, 24, 0.65);

  --ink-900: #eef3ea;
  --ink-700: #c7d2c5;
  --ink-500: #8fa08e;
  --ink-300: #566257;

  --brand-50: #12271b;
  --brand-200: #1f4a30;
  --brand-500: #37c880;
  --brand-600: #2fe19a;
  --brand-700: #43ffb0;
  --brand-900: #d6ffe9;

  --gold-300: #ffe6a3;
  --gold-500: #e6b94d;
  --gold-600: #ffcf6b;

  --accent-rose: #e58a9a;
  --accent-sky: #6ec3ea;
  --accent-violet: #b298e0;
  --accent-amber: #e0a94f;

  --border-soft: rgba(230, 240, 230, 0.08);
  --border-strong: rgba(230, 240, 230, 0.16);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 8px 28px -8px rgba(0, 0, 0, 0.55);
  --shadow-lg: 0 30px 60px -20px rgba(0, 0, 0, 0.7);
  --shadow-gold-glow: 0 0 0 1px rgba(230, 185, 77, 0.35), 0 0 40px -4px rgba(230, 185, 77, 0.35);

  --grain-opacity: 0.06;
}