/*
  DESIGN TOKENS — Open North Brand Site
  Herdados diretamente do :root do site Open North Music
  (opennorthmusic_site_DESKTOP_HEADER_2026-08-17.zip / index.html),
  fonte primária confirmada da identidade digital da marca.
  Não são valores inventados para o brand site.
*/

:root {
  /* ── Cor — herdada do Open North Music ── */
  --bg:          #060605;
  --bg-mid:      #0b0a08;
  --bg-soft:     #0f0e0c;
  --cream:       #C8B99A;
  --cream-light: #E2D4B5;
  --cream-dim:   #9E8F78;
  --red:         #A7321E;
  --red-bright:  #C64226;
  --red-glow:    rgba(167,50,30,0.28);
  --rust:        #6E2418;
  --muted:       #7A6E5F;
  --line:        rgba(200,185,154,0.12);
  --line-mid:    rgba(200,185,154,0.20);

  /* Exposto para o ícone de bússola (ponta N) */
  --on-red-bright: var(--red-bright);

  /* ── Seção clara (evolução deliberada para lifestyle/editorial — decisão v1 ── */
  --section-light-bg:   var(--cream-light);
  --section-light-text: var(--bg);
  --section-light-muted:#5B4E3E;
  --section-light-line: rgba(6,6,5,0.14);

  /* ── Tons naturais (V2) — vida vinda da FOTOGRAFIA, não da UI.
     Uso: overlays discretos, gradientes de banda, badges pontuais.
     Nunca como preenchimento sólido dominante de seção. ── */
  --petrol:      #14313D;  /* mar profundo / carvão azulado — overlay de fotos, Find Your North */
  --sea:         #2E6E86;  /* mar médio — acento pontual, bordas, badges */
  --moss:        #414B2E;  /* vegetação / musgo — overlay de fotos naturais */
  --sand:        #D9C6A0;  /* areia quente — variante de respiro entre cream e cream-light */

  /* ── Tipografia — herdada do Open North Music (Google Fonts) ──
     Nova hierarquia V2 (menos "banda", mais "marca editorial"):
     Oswald            → PROTAGONISTA — grandes chamadas, títulos de seção, navegação, labels, CTAs
     Barlow Condensed  → corpo, legendas, conteúdo editorial
     Rye               → SOMENTE assinatura da marca ("OPEN NORTH" no hero/logo) — exceção pequena e intencional,
                          não usar para títulos de seção, manifestos ou CTAs                              */
  --font-display: 'Rye', serif;       /* reservada à assinatura "OPEN NORTH" */
  --font-heading: 'Oswald', sans-serif;
  --font-body:    'Barlow Condensed', sans-serif;

  /* ── Espaçamento — escala base 8px ── */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 16px;
  --sp-4: 24px;
  --sp-5: 32px;
  --sp-6: 48px;
  --sp-7: 64px;
  --sp-8: 96px;
  --sp-9: 128px;

  /* ── Layout ── */
  --max-width: 1440px;
  --radius: 2px;

  /* ── Motion ── */
  --ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --dur-fast: 0.2s;
  --dur-base: 0.4s;
  --dur-slow: 0.7s;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0.001s;
    --dur-base: 0.001s;
    --dur-slow: 0.001s;
  }
}