/* ==========================================================================
   سَنَد | SANAD — Design Tokens
   هوية ذهبية ملوكية: ذهب ملكي، خمري فاخر، فحمي دافئ، وعاجي واسع.
   الخمري لون Accent للإجراءات المهمة فقط. (أسماء المتغيرات القديمة محفوظة للتوافق)
   ========================================================================== */

:root {
  /* ---- Brand: Royal Gold (Primary) — تُحافظ الأسماء القديمة على التوافق ---- */
  --s-green-900: #1E1708;
  --s-green-800: #3C2E0E;
  --s-green-700: #8C6A14;
  --s-green-600: #A9821C;
  --s-green-500: #C49A2C;
  --s-green-400: #D9B34C;
  --s-green-200: #EBDCAC;
  --s-green-100: #F4ECD3;
  --s-green-50:  #FAF6E9;

  /* ---- Brand: Royal Burgundy (Accent) ---- */
  --s-red-800: #4E1220;
  --s-red-700: #6E1A2E;
  --s-red-600: #8E2139;
  --s-red-500: #A93350;
  --s-red-200: #E8C3CC;
  --s-red-100: #F2DCE1;
  --s-red-50:  #F9EDF0;

  /* ---- Ink (فحمي دافئ) ---- */
  --s-seed:     #171207;
  --s-ink-900:  #201A10;
  --s-ink-800:  #30291C;
  --s-ink-700:  #453D2D;
  --s-ink-500:  #6E6552;
  --s-ink-400:  #8A8170;
  --s-ink-300:  #A69D8C;
  --s-ink-200:  #CCC5B6;

  /* ---- Surfaces (عاجي فاخر) ---- */
  --s-bg:        #F7F4EC;
  --s-bg-alt:    #F0EBDE;
  --s-surface:   #FFFFFF;
  --s-surface-2: #FBF9F3;
  --s-line:      #E6DFCE;
  --s-line-soft: #EFEADD;

  /* ---- Semantic ---- */
  --s-primary:      var(--s-green-700);
  --s-primary-dark: var(--s-green-800);
  --s-primary-soft: var(--s-green-100);
  --s-accent:       var(--s-red-600);
  --s-accent-soft:  var(--s-red-50);
  --s-success:      #14804A;
  --s-success-soft: #E4F3EB;
  --s-warning:      #B4690E;
  --s-warning-soft: #FDF1DF;
  --s-danger:       var(--s-red-600);
  --s-danger-soft:  var(--s-red-50);
  --s-info:         #1F4E6B;
  --s-info-soft:    #E8F0F5;

  /* ---- Gold gradient (للشعار والعناصر الملكية) ---- */
  --s-gold-grad: linear-gradient(135deg, #F0D583 0%, #D4AF37 45%, #A87E1C 100%);

  /* ---- Chart palette ---- */
  --s-chart-1: #8C6A14;
  --s-chart-2: #8E2139;
  --s-chart-3: #C49A2C;
  --s-chart-4: #1F3A5F;
  --s-chart-5: #155E4C;
  --s-chart-6: #5B3A8A;
  --s-chart-7: #D9B34C;
  --s-chart-8: #A93350;
  --s-chart-9: #8A8170;
  --s-chart-10:#3C2E0E;

  /* ---- Radii ---- */
  --s-radius-xs: 6px;
  --s-radius-sm: 10px;
  --s-radius:    14px;
  --s-radius-lg: 20px;
  --s-radius-xl: 28px;
  --s-radius-pill: 999px;

  /* ---- Shadows ---- */
  --s-shadow-1: 0 1px 2px rgba(60,46,14,.06), 0 1px 3px rgba(60,46,14,.05);
  --s-shadow-2: 0 6px 18px rgba(60,46,14,.09);
  --s-shadow-3: 0 18px 44px rgba(60,46,14,.16);
  --s-shadow-focus: 0 0 0 4px rgba(196,154,44,.20);
  --s-shadow-focus-danger: 0 0 0 4px rgba(142,33,57,.18);

  /* ---- Spacing scale (4px) ---- */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 20px; --s-6: 24px; --s-8: 32px; --s-10: 40px;
  --s-12: 48px; --s-16: 64px; --s-20: 80px;

  /* ---- Typography ---- */
  --s-font: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Tahoma, sans-serif;
  --s-fs-xs: 12px; --s-fs-sm: 13px; --s-fs-base: 14.5px; --s-fs-md: 16px;
  --s-fs-lg: 18px; --s-fs-xl: 22px; --s-fs-2xl: 28px; --s-fs-3xl: 36px; --s-fs-4xl: 48px;

  /* ---- Layout ---- */
  --s-topbar-h: 68px;
  --s-sidebar-w: 264px;
  --s-sidebar-w-collapsed: 76px;
  --s-container: 1320px;

  /* ---- Motion ---- */
  --s-ease: cubic-bezier(.22,.61,.36,1);
  --s-fast: 140ms;
  --s-normal: 240ms;
  --s-slow: 420ms;

  --s-z-sticky: 100;
  --s-z-sidebar: 200;
  --s-z-topbar: 300;
  --s-z-fab: 400;
  --s-z-overlay: 900;
  --s-z-toast: 1000;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}