/* =============================================================
   TOKENS — variáveis do design system
   Tudo que é "decisão de marca" mora aqui: paleta, sombras, raios,
   tempos de transição. Nenhuma outra folha deve ter cor no braço —
   se precisar de um tom novo, cria o token aqui primeiro.

   A paleta saiu da logo da Maremar (azul-marinho + azul-piscina) e o
   laranja é o tom de ação, usado só em CTA pra não competir com a água.
   ============================================================= */

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

:root {
  /* Azuis da marca — do mais fundo (navy) ao mais raso (quase branco) */
  --c-navy:     #0B3C6B;
  --c-blue-900: #08395F;
  --c-blue-700: #0B5E9C;
  --c-blue-600: #1184C9;
  --c-blue-500: #19A0E0;
  --c-blue-400: #41B6E6;
  --c-blue-300: #7FD0F0;
  --c-blue-200: #A9DFF6;
  --c-blue-100: #C7E9FA;
  --c-blue-50:  #EFF8FE;

  /* Laranja = ação (orçamento, pedido). Exclusivo de CTA. */
  --c-orange:      #F97316;
  --c-orange-dark: #E26000;
  --c-green:       #18A957;

  /* Texto */
  --ink:   #0C2A3E;  /* texto principal */
  --muted: #44627A;  /* texto secundário — SÓ dentro de card claro (some no azul) */
  --ink-water: #0D3B60; /* texto que fica direto sobre o fundo aquático */

  /* Gradientes */
  --grad-hero: linear-gradient(135deg, var(--c-blue-900) 0%, var(--c-blue-700) 45%, var(--c-blue-500) 100%);
  --grad-cta:  linear-gradient(135deg, var(--c-orange) 0%, var(--c-orange-dark) 100%);
  --grad-blue: linear-gradient(135deg, var(--c-blue-600) 0%, var(--c-blue-400) 100%);

  /* Raios */
  --r-md:   16px;
  --r-lg:   24px;
  --r-xl:   32px;
  --r-pill: 999px;

  /* Sombras — sempre azuladas, pra combinar com a água */
  --shadow-sm: 0 2px 10px  rgba(11, 60, 107, .07);
  --shadow-md: 0 12px 30px rgba(11, 60, 107, .10);
  --shadow-lg: 0 24px 60px rgba(11, 60, 107, .16);

  /* Medidas e tempos */
  --container: 1200px;
  --nav-h: 80px;
  --ease:   cubic-bezier(.16, 1, .3, 1);
  --t-fast: .18s ease;
  --t-med:  .32s var(--ease);
}