/* ==========================================================================
   Design tokens — WeGolden MENA brand (brand-assets/brand.json → "mena").
   Change colours/fonts HERE only.
   ========================================================================== */
:root {
  /* MENA yellow */
  --yellow-300: #ffd233;
  --yellow-500: #ffc400;
  --yellow-700: #ffa800;
  --yellow-900: #302513;
  --yellow-soft: #fee487;
  --yellow-gradient: linear-gradient(170deg, #ffd233, #ffb300);

  /* Black surfaces */
  --ink-950: #050505;
  --ink-900: #0a0a0a;
  --ink-800: #141414;
  --ink-700: #1b1b1b;
  --ink-600: #2b2b2b;

  /* Text */
  --text: #f5f5f5;
  --text-muted: #a3a3a3;
  --text-on-gold: #0a0a0a;

  /* Accents */
  --telegram: #2b90c8;
  --success: #3fb47a;
  --danger: #ff7a45;

  /* Type: Poppins headings, Inter body; Cairo (Arabic), Vazirmatn (Farsi) */
  --font-latin: 'Poppins', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Inter', 'Segoe UI', system-ui, sans-serif;
  --font-display: 'Poppins', 'Segoe UI', system-ui, sans-serif;
  --fs-xs: 0.78rem;
  --fs-sm: 0.9rem;
  --fs-md: 1rem;
  --fs-lg: 1.15rem;
  --fs-xl: clamp(1.6rem, 1.2rem + 1.6vw, 2.3rem);
  --fs-hero: clamp(2.1rem, 1.4rem + 3vw, 3.4rem);

  /* Space & shape */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4.5rem;
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 22px;
  --container: 1180px;
  --shadow: 0 18px 40px -20px rgb(0 0 0 / 0.7);
  --ring: 0 0 0 3px rgb(255 196 0 / 0.45);

  /* Brand pattern (Islamic 8-point star) */
  --pattern-dark: url('../img/patterns/pattern-star8-on-black.svg');
  --pattern-yellow: url('../img/patterns/pattern-star8-on-yellow.svg');
}

/* Per-language typography — no letter-spacing on Arabic/Farsi */
:root:lang(ar) {
  --font-body: 'Cairo', 'Segoe UI', Tahoma, sans-serif;
  --font-display: 'Cairo', 'Segoe UI', Tahoma, sans-serif;
}
:root:lang(fa) {
  --font-body: 'Vazirmatn', 'Segoe UI', Tahoma, sans-serif;
  --font-display: 'Vazirmatn', 'Segoe UI', Tahoma, sans-serif;
}