/*
 * Eknetra Productions — Custom Overrides
 * ========================================
 * This file loads LAST in the cascade.
 * Use it to override any theme or Elementor style without touching core files.
 *
 * HOW TO USE:
 * 1. Find the CSS class you want to override (inspect element in browser)
 * 2. Write your override rule here
 * 3. Use the same specificity or add .ekn-body prefix for higher specificity
 * 4. Save and hard-refresh (Ctrl+Shift+R)
 *
 * EXAMPLES:
 * .ekn-body h1 { font-size: 72px; }
 * .ekn-body .ekn-btn-primary { background: #ff2d55; }
 * .ekn-body #ekn-nav { height: 80px; }
 *
 * DESIGN TOKENS (copy from style.css :root):
 * --ekn-bg-void: #0a0a0f
 * --ekn-gold: #ffb800
 * --ekn-crimson: #ff2d55
 * --ekn-violet: #7c3aed
 * --ekn-font-display: 'Space Grotesk'
 * --ekn-font-body: 'Inter'
 * --ekn-font-mono: 'JetBrains Mono'
 * --ekn-font-rubik: 'Rubik'
 */

/* ── Your overrides below this line ── */