/* ═══════════════════════════════════════════════════════════
   main.css  —  HOORAN Theme  —  Base + Variables
═══════════════════════════════════════════════════════════ */

/* ── IRANSans @font-face ─────────────────────────────────── */
@font-face {
  font-family: 'IRANSans';
  src: url('../fonts/IRANSansWeb_Light.woff2') format('woff2'),
       url('../fonts/IRANSansWeb_Light.woff')  format('woff');
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: 'IRANSans';
  src: url('../fonts/IRANSansWeb.woff2') format('woff2'),
       url('../fonts/IRANSansWeb.woff')  format('woff');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'IRANSans';
  src: url('../fonts/IRANSansWeb_Medium.woff2') format('woff2'),
       url('../fonts/IRANSansWeb_Medium.woff')  format('woff');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'IRANSans';
  src: url('../fonts/IRANSansWeb_Bold.woff2') format('woff2'),
       url('../fonts/IRANSansWeb_Bold.woff')  format('woff');
  font-weight: 700;
  font-display: swap;
}

/* ── Dark Luxury Palette ─────────────────────────────────── */
:root {
  --bg-primary   : #121212;
  --bg-secondary : #1C1C1E;
  --bg-tertiary  : #252525;
  --bg-elevated  : #2C2C2E;
  --gold         : #C9A96E;
  --gold-light   : #D4B996;
  --gold-dark    : #A88B52;
  --text-primary : #FFFFFF;
  --text-secondary: #8E8E93;
  --text-muted   : #636366;

  /* Typography */
  --font-sans  : 'IRANSans', 'Vazirmatn', Tahoma, sans-serif;
  --font-serif : 'Cormorant Garamond', Georgia, serif;

  /* Radius */
  --radius-sm : 12px;
  --radius-md : 18px;
  --radius-lg : 24px;
  --radius-xl : 32px;

  /* Transitions */
  --ease-out: cubic-bezier(.2, .7, .3, 1);
}

/* ── Reset ───────────────────────────────────────────────── */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  overflow-x: clip; /* clip به جای hidden — sticky رو نمی‌شکنه */
}

body {
  font-family: var(--font-sans);
  background: var(--bg-primary);
  color: var(--text-primary);
  direction: rtl;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: clip; /* clip به جای hidden — sticky رو نمی‌شکنه */
}

img, svg { display: block; max-width: 100%; }
a { text-decoration: none; color: inherit; }
button { font-family: inherit; cursor: pointer; }
ul, ol { list-style: none; }

/* ── Layout helper ───────────────────────────────────────── */
.section-wrap {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}