/* ===== CSS VARIABLES — Premium ===== */
:root {
  /* Colors */
  --color-primary: #D4A030;
  --color-primary-light: #F5E6B8;
  --color-primary-dark: #B8860B;
  --color-dark: #0F0F0F;
  --color-darker: #080808;
  --color-charcoal: #1A1A1A;
  --color-brown: #5C3D1E;
  --color-white: #FFFFFF;
  --color-light: #F8F8F8;
  --color-gray: #888888;
  --color-gray-light: #CCCCCC;
  --color-text: #C8C8C8;
  --color-text-dark: #333333;

  /* Typography */
  --font-heading: 'Amiri', 'Tajawal', serif;
  --font-body: 'Tajawal', sans-serif;
  --font-arabic: 'Tajawal', sans-serif;

  /* Spacing */
  --section-padding: 110px;
  --container-width: 1200px;
  --gap: 30px;
  --radius: 12px;
  --radius-sm: 8px;
  --radius-lg: 20px;

  /* Shadows */
  --shadow-card: 0 25px 70px rgba(0, 0, 0, 0.4);
  --shadow-button: 0 10px 30px rgba(212, 160, 48, 0.3);
  --shadow-hover: 0 35px 90px rgba(212, 160, 48, 0.2);
  --shadow-subtle: 0 5px 20px rgba(0, 0, 0, 0.15);

  /* Transitions */
  --transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --transition-fast: all 0.25s ease;
  --transition-slow: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* ===== RTL & ARABIC TYPOGRAPHY OVERRIDES ===== */
html[dir="rtl"] body {
  font-family: 'Tajawal', sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  word-spacing: 0.5px;
}
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3 {
  font-family: 'Amiri', 'Tajawal', serif;
  letter-spacing: 0;
  font-weight: 700;
}
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] p,
html[dir="rtl"] span,
html[dir="rtl"] a,
html[dir="rtl"] button,
html[dir="rtl"] label,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
  font-family: 'Tajawal', sans-serif;
  letter-spacing: 0;
}
html[dir="rtl"] .subtitle {
  letter-spacing: 2px;
  font-family: 'Tajawal', sans-serif;
  font-weight: 600;
}
html[dir="rtl"] .btn {
  font-family: 'Tajawal', sans-serif;
  font-weight: 700;
  letter-spacing: 0.5px;
}
html[dir="rtl"] .hero h1 {
  font-family: 'Amiri', serif;
  font-size: clamp(2.8rem, 5.5vw, 5.5rem);
  line-height: 1.2;
}
html[dir="rtl"] .navbar-logo span {
  font-family: 'Tajawal', sans-serif;
  font-weight: 800;
}