/* ============================================================
   Design Tokens — منصة الأخبار (news-frontend)
   داكن افتراضي + فاتح عبر [data-theme="light"]
   ============================================================ */
:root {
  /* الألوان — الوضع الداكن (افتراضي) */
  --c-bg:        #0b0e14;
  --c-bg-2:      #11151d;
  --c-surface:   #161b24;
  --c-surface-2: #1e2530;
  --c-border:    #313846;
  --c-text:      #ffffff;
  --c-text-2:    #c7cedd;
  --c-muted:     #7c8598;

  /* الأحمر الأساسي (عناوين الأقسام + العاجل) */
  --c-primary:    #e30613;
  --c-primary-d:  #b00510;
  --c-on-primary: #ffffff;

  /* لون مساعد للروابط/التحديد */
  --c-accent:    #ffb020;

  /* الخطوط */
  --font-base: 'Cairo', system-ui, 'Segoe UI', Tahoma, sans-serif;
  --font-head: 'Cairo', system-ui, sans-serif;

  /* مقياس الخط */
  --fs-xs: .75rem;
  --fs-sm: .85rem;
  --fs-md: 1rem;
  --fs-lg: 1.15rem;
  --fs-xl: 1.5rem;
  --fs-2xl: 2rem;
  --fs-hero: clamp(1.6rem, 4vw, 2.6rem);

  /* المسافات */
  --sp-1: .25rem;
  --sp-2: .5rem;
  --sp-3: .75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-8: 3rem;

  /* الشكل */
  --radius:    10px;
  --radius-sm: 6px;
  --shadow:    0 4px 24px rgba(0, 0, 0, .45);
  --shadow-sm: 0 2px 10px rgba(0, 0, 0, .35);

  /* التخطيط */
  --container: 1240px;
  --gap:       1.25rem;
}

[data-theme="light"] {
  --c-bg:        #f4f5f7;
  --c-bg-2:      #ffffff;
  --c-surface:   #ffffff;
  --c-surface-2: #f0f1f4;
  --c-border:    #e1e4ea;
  --c-text:      #14181f;
  --c-text-2:    #4a5161;
  --c-muted:     #828b9c;
  --shadow:      0 4px 24px rgba(20, 24, 31, .10);
  --shadow-sm:   0 2px 10px rgba(20, 24, 31, .07);
}

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}
