/* ═══════════════════════════════════════════════════
   NEXAURO — Apple-Level Design System
   Dark cinematic aesthetic, massive typography
   ═══════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800;900&display=swap');

:root {
  /* ── Colors ── */
  --bg:       #000000;
  --bg-dark:  #050505;
  --bg-card:  #0a0a0a;
  --bg-elev:  #111111;
  --navy:     #0F2B47;
  --gold:     #D4AF37;
  --gold-light: #F4E190;
  --teal:     #00B4D8;
  --teal-light: #7DEAFF;
  --text:     #f5f5f7;
  --text-dim: rgba(245,245,247,0.6);
  --text-muted: rgba(245,245,247,0.35);
  --border:   rgba(255,255,255,0.08);

  /* ── Typography ── */
  --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* ── Spacing ── */
  --section-pad: 160px;
  --section-pad-mobile: 80px;

  /* ── Radii ── */
  --radius: 24px;
  --radius-sm: 14px;
  --radius-pill: 100px;

  /* ── Transitions ── */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ── Shadows ── */
  --shadow-gold: 0 0 60px rgba(212,175,55,0.15);
  --shadow-glow: 0 0 80px rgba(0,180,216,0.1);
}