/* ============================================================
   RAWASI AL-RAEDAH — Navy Design Tokens
   نظام التصميم الموحّد — مستوحى من شعار الشركة
   ============================================================ */

:root {
  /* ============ الألوان الأساسية ============ */
  --color-primary:          #1a3a5c;
  --color-primary-rgb:      26, 58, 92;
  --color-primary-light:    #2b5580;
  --color-primary-lighter:  #4a7ba8;
  --color-primary-dark:     #0f2537;
  --color-primary-darker:   #071523;

  /* ============ الفضي (ثانوي) ============ */
  --color-secondary:        #8b949c;
  --color-secondary-rgb:    139, 148, 156;
  --color-secondary-light:  #c5ccd2;
  --color-secondary-lighter:#e3e8ec;
  --color-secondary-bg:     #f0f3f6;
  --color-secondary-dark:   #5a6570;
  --color-secondary-darker: #3d4650;

  /* ============ الذهبي (Accent) ============ */
  --color-accent:           #e0a437;
  --color-accent-rgb:       224, 164, 55;
  --color-accent-light:     #f5c469;
  --color-accent-dark:      #b07d1c;

  /* ============ الأساسيات ============ */
  --color-white:            #ffffff;
  --color-white-rgb:        255, 255, 255;
  --color-black:            #0a1624;
  --color-black-rgb:        10, 22, 36;
  --color-default:          #2b2d42;
  --color-default-rgb:      43, 45, 66;
  --color-muted:            #6b7b8c;
  --color-muted-rgb:        107, 123, 140;
  --color-border:           rgba(26, 58, 92, 0.10);
  --color-border-strong:    rgba(26, 58, 92, 0.20);

  /* ============ حالات النظام ============ */
  --color-success:          #16a34a;
  --color-success-rgb:      22, 163, 74;
  --color-danger:           #e5484d;
  --color-danger-rgb:       229, 72, 77;
  --color-warning:          #f59e0b;
  --color-info:             #3b82f6;

  /* ============ الروابط ============ */
  --color-links:            var(--color-primary);
  --color-links-hover:      var(--color-accent);

  /* ============ الخطوط ============ */
  --font-primary:           'Cairo', system-ui, -apple-system, sans-serif;
  --font-secondary:         'Tajawal', 'Cairo', system-ui, sans-serif;

  /* أحجام الخطوط (fluid) */
  --fs-xs:   clamp(0.75rem, 0.7rem + 0.25vw, 0.85rem);
  --fs-sm:   clamp(0.85rem, 0.8rem + 0.25vw, 0.95rem);
  --fs-base: clamp(0.95rem, 0.9rem + 0.25vw, 1.05rem);
  --fs-md:   clamp(1.05rem, 1rem + 0.3vw, 1.2rem);
  --fs-lg:   clamp(1.2rem, 1.1rem + 0.5vw, 1.5rem);
  --fs-xl:   clamp(1.5rem, 1.3rem + 1vw, 2rem);
  --fs-2xl:  clamp(1.8rem, 1.5rem + 1.5vw, 2.5rem);
  --fs-3xl:  clamp(2rem, 1.6rem + 2vw, 3rem);

  /* ============ المسافات ============ */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 64px;
  --space-3xl: 96px;

  /* ============ الحواف ============ */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* ============ الظلال ============ */
  --shadow-sm:  0 2px 8px rgba(26, 58, 92, 0.06);
  --shadow-md:  0 6px 18px rgba(26, 58, 92, 0.10);
  --shadow-lg:  0 14px 36px rgba(26, 58, 92, 0.14);
  --shadow-xl:  0 24px 56px rgba(26, 58, 92, 0.18);

  /* ============ الانتقالات ============ */
  --transition-fast:   150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base:   280ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow:   450ms cubic-bezier(0.4, 0, 0.2, 1);

  /* ============ الأبعاد ============ */
  --header-h:  76px;
  --container-max: 1280px;
}