/* ═══════════════════════════════════════════
   وهج ميديا — Brand CSS
   Primary: #40528F  |  Font: Thmanyah Serif Display
═══════════════════════════════════════════ */

@font-face {
  font-family: 'Thmanyah';
  src: url('/assets/fonts/thmanyahserifdisplay-Light.woff2') format('woff2');
  font-weight: 300; font-display: swap;
}
@font-face {
  font-family: 'Thmanyah';
  src: url('/assets/fonts/thmanyahserifdisplay-Regular.woff2') format('woff2');
  font-weight: 400; font-display: swap;
}
@font-face {
  font-family: 'Thmanyah';
  src: url('/assets/fonts/thmanyahserifdisplay-Medium.woff2') format('woff2');
  font-weight: 500; font-display: swap;
}
@font-face {
  font-family: 'Thmanyah';
  src: url('/assets/fonts/thmanyahserifdisplay-Bold.woff2') format('woff2');
  font-weight: 700; font-display: swap;
}
@font-face {
  font-family: 'Thmanyah';
  src: url('/assets/fonts/thmanyahserifdisplay-Black.woff2') format('woff2');
  font-weight: 900; font-display: swap;
}

:root {
  --primary: #40528F;
  --primary-dark: #2E3D72;
  --primary-light: #6478B8;
  --primary-xlight: #EEF1FA;
  --c-red: #E35546;
  --c-purple: #6469B9;
  --c-green: #4CAC6B;
  --c-teal: #1F8270;
  --dark: #0F1320;
  --dark2: #1A2035;
  --surface: #242B42;
  --border: #2E3850;
  --text: #F0F2F8;
  --text-muted: #8895B5;
  --white: #FFFFFF;
  --radius: 14px;
  --radius-sm: 8px;
  --shadow: 0 4px 24px rgba(15,19,32,0.35);
  --font: 'Thmanyah', 'Arial', sans-serif;
}

* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:var(--font); direction:rtl; background:var(--dark); color:var(--text); }
a { text-decoration:none; color:inherit; }
button { font-family:var(--font); cursor:pointer; }
input, select, textarea { font-family:var(--font); }
img { max-width:100%; display:block; }

/* ── Utility ── */
.rtl { direction:rtl; text-align:right; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }

/* ── Buttons ── */
.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:14px 28px; border-radius:50px; border:none; font-size:1rem; font-weight:700;
  transition:all .25s; white-space:nowrap; cursor:pointer; }
.btn-primary { background:var(--primary); color:#fff; box-shadow:0 4px 20px rgba(64,82,143,0.4); }
.btn-primary:hover { background:var(--primary-dark); transform:translateY(-2px); box-shadow:0 8px 28px rgba(64,82,143,0.55); }
.btn-outline { background:transparent; color:var(--text-muted); border:1.5px solid var(--border); }
.btn-outline:hover { border-color:var(--primary); color:var(--primary-light); }
.btn-sm { padding:10px 20px; font-size:.875rem; }
.btn-wa { background:#25D366; color:#fff; box-shadow:0 4px 20px rgba(37,211,102,0.3); }
.btn-wa:hover { background:#1EA952; transform:translateY(-2px); }