/*
Theme Name:  NYC Bartending Academy
Theme URI:   https://nycbartendingacademy.com
Author:      PBSA
Description: NYC Bartending Academy — Variant B Urban Edge
Version:     1.0.0
Text Domain: nyc-bartending-academy
*/

/* ============================================================
   DESIGN VARIANT B — URBAN EDGE
   Primary bg:  #111111 (near-black)
   Accent:      #c0703a (copper/burnt orange)
   Accent hover:#a05828
   Dark section:#0a0a0a
   Mid section: #1a1a1a
   ============================================================ */

:root {
  --color-bg-dark:    #111111;
  --color-bg-darker:  #0a0a0a;
  --color-bg-mid:     #1a1a1a;
  --color-accent:     #c0703a;
  --color-accent-h:   #a05828;
  --color-accent-rgb: 192, 112, 58;

    --font-heading:    'Cinzel', serif;
    --font-body:       'Roboto Slab', serif;
    --font-subheading: 'Cormorant Unicase', serif;

  --tracking-hero:   -0.02em;
}

/* ── Reset (same as Miami) ─────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
  font-family: var(--font-body);
  background: var(--color-bg-dark);
  color: #e5e7eb;
  -webkit-font-smoothing: antialiased;
}

a { text-decoration: none; color: inherit; }
img { display: block; max-width: 100%; }

/* ── Heading reset inside #main ────────────────────────────── */
#main h1, #main h2, #main h3, #main h4 {
  font-family: inherit;
  text-transform: none;
  margin: 0;
}

/* ── Tailwind accent override ───────────────────────────────── */
/* Ensures any hardcoded [#b79643] still works via CSS vars
   — but NYC uses copper throughout via Tailwind arbitrary values */
h1,h2,h3,h4,h5,h6{font-family:'Oswald',sans-serif!important;font-weight:700!important;}
.nav-link,.dropdown-item,.mobile-link,.mobile-group-label,.mobile-sublink,button,a[class*="uppercase"]{font-family:'Inter',sans-serif!important;font-weight:600!important;}

/* Scroll reveal */
.reveal{opacity:0;transform:translateY(26px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1),transform 0.7s cubic-bezier(0.16,1,0.3,1);}
.reveal.visible{opacity:1;transform:none;}
.reveal-delay-1{transition-delay:.12s;}
.reveal-delay-2{transition-delay:.24s;}
.reveal-delay-3{transition-delay:.36s;}
.reveal-delay-4{transition-delay:.48s;}
.reveal-delay-5{transition-delay:.60s;}