/* Cape Granite Connection · v2 "Atlantic polish" (ago/2026)
 * Direção: azul CGC protagonista (#1c88b9 = azul de oceano), bandas navy imersivas,
 * fotografia full-bleed com parallax sutil, General Sans + Switzer (sem serifa),
 * movimento estilo Apple (reveals, count-up, frosted nav). Logo real (lockup completo).
 * Feedback do cliente 06/08: mais azul, fundos, movimento, menos serifa, widgets Stone Project.
 */
:root {
  /* color — o azul da marca e a água em volta dele */
  --blue:        oklch(60% 0.11 232);   /* #1c88b9 — brand CGC */
  --blue-deep:   oklch(48% 0.105 235);  /* hover / links on light */
  --navy:        oklch(23% 0.05 243);   /* deep Atlantic — bandas escuras, footer */
  --navy-2:      oklch(28% 0.055 240);  /* superfície elevada no escuro */
  --navy-3:      oklch(34% 0.06 238);   /* hairlines/hover no escuro */
  --sky:         oklch(80% 0.06 225);   /* detalhe claro sobre navy */
  --paper:       oklch(97.5% 0.007 230);
  --wash:        oklch(93.5% 0.018 228);/* seção alternada azul-clarinha */
  --ink:         oklch(21% 0.035 240);
  --ink-2:       oklch(38% 0.03 238);
  --muted:       oklch(48% 0.025 235);
  --rule:        oklch(86% 0.015 230);
  --on-dark:     oklch(96% 0.008 228);
  --on-dark-2:   oklch(78% 0.02 228);
  --focus:       oklch(60% 0.19 232);
  --error:       oklch(52% 0.18 27);
  --ok:          oklch(50% 0.12 152);

  /* type */
  --font-display: "General Sans", -apple-system, "Helvetica Neue", sans-serif;
  --font-body: "Switzer", -apple-system, system-ui, sans-serif;

  --text-sm:   0.85rem;
  --text-base: 1.0625rem;
  --text-md:   1.3rem;
  --text-lg:   1.65rem;
  --text-xl:   2.1rem;
  --text-2xl:  2.7rem;
  --text-display:   clamp(2.6rem, 4.6vw + 1rem, 4.9rem);
  --text-display-s: clamp(2rem, 3.2vw + 0.9rem, 3.4rem);

  /* space */
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6.5rem;
  --space-4xl: 10rem;

  /* motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:  cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 140ms;
  --dur-short: 260ms;
  --dur-long:  600ms;

  --z-base: 1; --z-raised: 10; --z-dropdown: 100; --z-sticky: 200; --z-modal: 400;
  --radius: 14px;
  --radius-sm: 9px;

  /* Degradê padrão das superfícies escuras — "deep water": navy quase preto no canto
     superior esquerdo abrindo para o azul da marca no inferior direito. Usado em toda
     banda escura, no rodapé, na barra fixa e sob as fotos, para o escuro do site ser
     sempre o mesmo escuro. */
  --grad-dark: linear-gradient(148deg,
      oklch(19% 0.045 245) 0%,
      oklch(23% 0.05 243) 46%,
      oklch(30% 0.062 236) 100%);
  /* Variante horizontal, para barras baixas (topline, header fixo) */
  --grad-bar: linear-gradient(96deg,
      oklch(19% 0.045 245) 0%,
      oklch(24% 0.052 241) 62%,
      oklch(29% 0.06 236) 100%);
  /* Véu sobre fotografia: mesma família, transparente no topo */
  --grad-veil: linear-gradient(to top,
      oklch(19% 0.045 245 / 0.88) 0%,
      oklch(22% 0.05 243 / 0.42) 46%,
      oklch(26% 0.055 240 / 0.14) 100%);
}