/* ============================================================
   InnBar - tokens de marca
   Navy e dourado extraídos pixel a pixel de marca/logo-innbar-original.jpg
   Neutros deliberadamente frios: o par creme + latão é o default
   previsível de marca artesanal e apagaria a identidade do logo.
   ============================================================ */
:root {
  color-scheme: light dark;

  /* --- Marca (valores exatos do logo, não negociáveis) --- */
  --navy:        #142336;
  --gold:        #ab7f40;

  /* --- Escalas de apoio --- */
  --navy-950:    #0b1420;
  --navy-900:    #0f1a28;
  --navy-800:    #1c3049;
  --navy-700:    #26405e;
  --gold-700:    #7d5d2e;
  --gold-600:    #8f6a34;
  --gold-400:    #c69c5e;
  --gold-200:    #e3cda7;

  /* --- Superfícies: neutro frio, sem desvio para bege --- */
  --bg:          #f4f5f6;
  --bg-2:        #ebedef;
  --bg-3:        #e1e4e8;
  --surface:     #fafbfb;

  /* --- Texto --- */
  --text:        #142336;
  --text-soft:   #4b5869;
  /* 4.95:1 sobre --bg. O #7d8795 anterior dava 3.33 e reprovava
     em AA para texto normal, que é onde ele é usado. */
  --text-mute:   #616b79;

  /* --- Linhas e véus --- */
  --line:        rgba(20, 35, 54, .10);
  --line-strong: rgba(20, 35, 54, .18);
  --line-gold:   rgba(171, 127, 64, .30);
  --tint-gold:   rgba(171, 127, 64, .08);
  --tint-ink:    rgba(20, 35, 54, .035);
  --inner-hi:    inset 0 1px 1px rgba(255, 255, 255, .7);

  /* --- Sombras tingidas com o hue do fundo, nunca preto puro --- */
  --lift-1: 0 1px 2px rgba(20,35,54,.04), 0 8px 24px -12px rgba(20,35,54,.10);
  --lift-2: 0 2px 4px rgba(20,35,54,.04), 0 24px 56px -24px rgba(20,35,54,.16);
  --lift-3: 0 4px 8px rgba(20,35,54,.05), 0 48px 96px -40px rgba(20,35,54,.24);

  /* --- Tipografia: geométrica, ecoando o desenho do logo --- */
  --font-display: "Outfit", system-ui, sans-serif;
  --font-sans:    "Hanken Grotesk", system-ui, sans-serif;

  /* --- Raios: um sistema só. Pill no interativo, 20px no contêiner --- */
  --r-shell: 1.5rem;
  --r-core:  1.125rem;   /* 1.5rem menos o padding de 6px da casca */
  --r-pill:  999px;

  /* --- Ritmo espacial --- */
  --sp-section: clamp(5rem, 9vw, 8.5rem);
  --gutter:     clamp(1.25rem, 5vw, 4.5rem);
  --maxw:       78rem;

  /* --- Curvas e tempos ---
     UI interativa fica abaixo de 300ms. Entrada de scroll pode respirar
     mais porque o usuário não está esperando por ela. --- */
  --ease-out:  cubic-bezier(0.23, 1, 0.32, 1);
  --ease-mass: cubic-bezier(0.16, 1, 0.3, 1);
  --t-press:   150ms;
  --t-ui:      220ms;
  --t-enter:   520ms;
}

/* ============================================================
   Modo escuro: a identidade continua navy e dourado, só troca
   qual dos dois carrega a superfície.
   ============================================================ */
@media (prefers-color-scheme: dark) {
  :root {
    --bg:          #0f1a28;
    --bg-2:        #142336;
    --bg-3:        #1b2d44;
    --surface:     #16263a;

    --text:        #eef1f5;
    --text-soft:   #a8b4c3;
    /* 5.16:1 sobre --surface e 5.35:1 sobre o navy. O #7b8898 anterior
       ficava em 4.2 e 4.4, abaixo do AA para texto normal. */
    --text-mute:   #8b97a6;

    --line:        rgba(238, 241, 245, .12);
    --line-strong: rgba(238, 241, 245, .2);
    --line-gold:   rgba(198, 156, 94, .32);
    --tint-gold:   rgba(198, 156, 94, .12);
    --tint-ink:    rgba(238, 241, 245, .05);
    --inner-hi:    inset 0 1px 1px rgba(255, 255, 255, .08);

    --gold:        #c69c5e;
    --gold-600:    #d9b47c;

    --lift-1: 0 1px 2px rgba(0,0,0,.2), 0 8px 24px -12px rgba(0,0,0,.4);
    --lift-2: 0 2px 4px rgba(0,0,0,.24), 0 24px 56px -24px rgba(0,0,0,.5);
    --lift-3: 0 4px 8px rgba(0,0,0,.28), 0 48px 96px -40px rgba(0,0,0,.6);
  }
}