/* CODESP — tokens da marca. Fonte única de cores e fontes (landing e convite). */
:root {
  /* Paleta oficial (identidade v1) */
  --navy: #0b1e4f;
  --verde: #00a36c;
  --azul: #3fa9f5;
  --ouro: #f2b233;
  --offwhite: #f6f5f2;

  /* Derivados para profundidade (mesma matiz do navy) */
  --navy-900: #050f2e;
  --navy-800: #081739;
  --navy-700: #0b1e4f;
  --navy-600: #14306f;
  --tinta: #c9d6f0;        /* texto secundário sobre navy (12:1) */
  --linha: rgb(201 214 240 / 0.16);

  /* Gradientes da identidade */
  --grad-luz: radial-gradient(120% 90% at 85% 10%, var(--azul) 0%, transparent 55%),
              radial-gradient(90% 80% at 10% 100%, var(--verde) 0%, transparent 60%),
              var(--navy);

  /* Ouro metálico (só ação e o "3º"): espelhado, claro em cima, escuro no meio, reflexo embaixo */
  /* metal polido: topo claro, faixa especular nítida, corpo ouro, base bronze (ouro escurecido com navy), reflexo de baixo */
  --ouro-metal: linear-gradient(180deg, #fff1c9 0%, #f2c661 16%, #fff1c9 21%, #fff1c9 24%, #f2c661 30%, #d4952a 60%, color-mix(in srgb, #d4952a 72%, var(--navy-900)) 84%, #f7dd9a 100%);
  --ouro-texto: linear-gradient(180deg, #fff1c9 8%, #f2c661 38%, #d4952a 56%, #f2c661 74%, #f7dd9a 92%);
  --ouro-borda: rgb(255 241 201 / .95);

  /* Vidro (sobre navy e sobre luz) */
  --vidro: linear-gradient(160deg, rgb(255 255 255 / .11), rgb(255 255 255 / .04) 55%, rgb(255 255 255 / .07)),
           linear-gradient(rgb(8 23 57 / .54), rgb(8 23 57 / .54)); /* base navy: texto AA mesmo com luz forte atrás */
  --vidro-borda: linear-gradient(160deg, rgb(255 255 255 / .4), rgb(255 255 255 / .08) 35%, rgb(255 255 255 / .03) 65%, rgb(255 255 255 / .18));
  --vidro-claro: linear-gradient(160deg, rgb(255 255 255 / .78), rgb(255 255 255 / .5));
  --vidro-blur: blur(22px) saturate(140%);
  --brilho-topo: inset 0 1px 0 rgb(255 255 255 / .22);

  /* Sombras com deslocamento real */
  --sombra-funda: 0 30px 80px -20px rgb(0 0 0 / .55), 0 10px 24px -12px rgb(0 0 0 / .45);
  --sombra-clara: 0 34px 70px -34px rgb(11 30 79 / .4), 0 8px 20px -12px rgb(11 30 79 / .18);

  /* Destaque sólido (cartão azul da ref-06): azul da marca escurecido para texto branco AA */
  /* claro em cima (só ícones e numerais grandes ali); do meio para baixo o texto branco tem AA (≥4,9:1) */
  --destaque: linear-gradient(165deg, color-mix(in srgb, var(--azul) 88%, var(--navy-600)) 0%, color-mix(in srgb, var(--azul) 62%, var(--navy-700)) 42%, color-mix(in srgb, var(--azul) 44%, var(--navy-700)) 100%);

  /* Tipografia */
  --fonte-display: 'Archivo', system-ui, sans-serif;  /* use font-stretch 112–125% */
  --fonte-texto: 'Manrope', system-ui, sans-serif;

  /* Forma */
  --raio: 24px;
  --raio-sm: 14px;
  --pill: 999px;
}