/*
  Design tokens for Next Level Productions (site domain: nextleveldjbozeman.com).
  Aesthetic: "Alpine Editorial" -- dark cinematic base throughout (no light
  zones), one warm brass accent evoking golden-hour Big Sky light, restrained
  editorial serif + clean geometric sans. Entirely new token set -- not
  derived from the AZQ (navy/gold/cream) or NLD (ink/paper/vermillion)
  brand systems, so all three sibling sites stay visually distinct.
  V2 placeholder brand: typographic wordmark only, client's existing
  soundwave/gradient logo deliberately not used here (see CLAUDE.md) --
  formal logo integration is a future branding-phase conversation.
*/

:root {
  /* Color -- dark cinematic throughout, two ink shades for section rhythm */
  --color-ink:            #12140F;
  --color-ink-2:           #1B1E17;
  --color-text-on-ink:    #F3EEE4;
  --color-text-muted:     #A39C8C;
  --color-accent:         #B5793A;
  --color-accent-light:   #D9A85C;
  --color-line-on-ink:    rgba(243, 238, 228, 0.14);
  --color-overlay:        rgba(18, 20, 15, 0.72);

  /* Reserved, NOT used yet -- the client's existing brand runs a purple ->
     magenta gradient (soundwave logo). Once a future phase folds that DNA
     into this system as a secondary accent, these are the starting point.
     Do not activate without a deliberate design pass -- swapping them in
     as-is would fight the brass/editorial palette above. */
  --color-accent-secondary:      #9333EA;
  --color-accent-secondary-alt:  #DB2777;

  /* Typography -- distinctive editorial serif + clean geometric sans */
  --font-display: 'Instrument Serif', Georgia, serif;
  --font-body:    'Manrope', 'Helvetica Neue', Arial, sans-serif;

  /* Type scale */
  --text-hero:    clamp(2.75rem, 8vw, 6rem);
  --text-h2:      clamp(2rem, 5vw, 3.25rem);
  --text-h3:      clamp(1.25rem, 2.5vw, 1.75rem);
  --text-lead:    clamp(1.125rem, 1.8vw, 1.375rem);
  --text-body:    1rem;
  --text-small:   0.875rem;
  --text-label:   0.75rem;
  --text-numeral: clamp(2.25rem, 5vw, 3.5rem);

  /* Spacing scale */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  40px;
  --space-2xl: 64px;
  --space-3xl: 96px;
  --space-4xl: 144px;

  /* Layout */
  --max-width-content: 720px;
  --max-width-wide:    1240px;
  --nav-height:        84px;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-base: 0.6s;
}