:root {
  --font-ar: 'IBM Plex Arabic', sans-serif;
  --font-en: 'Cormorant Garamond', serif;
  --font-hand-ar: 'Amiri', serif;
  --font-hand-en: 'Alex Brush', cursive;
  --color-void: #050504;
  --color-gold: #C8A96E;
  --color-accent: #FFB830;
  --color-ivory: #F0EBE1;
  --color-ivory2: #555250;
  --size-hero: clamp(2.5rem, 5.5vw, 5.2rem);
  --size-band: clamp(1.8rem, 3.5vw, 3.2rem);
  --size-body: 1rem;
  --size-sign: 1.2rem;
  --float-opacity: 0.4;
  --float-speed: 18s;
}
body { font-family: var(--font-ar); }
[data-lang="en"] body, .t-en { font-family: var(--font-en); }
.hand-ar, .t-ar.hand { font-family: var(--font-hand-ar); }
.hand-en, .t-en.hand { font-family: var(--font-hand-en); }
body { background: var(--color-void); color: var(--color-ivory); }
.gold { color: var(--color-gold); }
.accent { color: var(--color-accent); }
.hero-h1, .hero-h1-ar { font-size: var(--size-hero); }
.band-title-en, .band-title-ar { font-size: var(--size-band); }
body, p, .body-text { font-size: var(--size-body); }
.signature { font-size: var(--size-sign); }
.float-word, .float-shape { opacity: var(--float-opacity); animation-duration: var(--float-speed); }