/* /assets/css/variaveis.css
   Tokens de design — Prime Tech Conect
   Cores extraídas do logotipo oficial. */

:root {
  /* Marca */
  --cor-vermelho:        #E30613;
  --cor-vermelho-escuro: #B00410;
  --cor-azul:            #003E92;
  --cor-azul-escuro:     #002A63;
  --cor-azul-claro:      #0A6BD8;
  --cor-branco:          #FFFFFF;

  /* Neutros */
  --cor-preto:      #0B1020;
  --cor-cinza-900:  #131A2E;
  --cor-cinza-800:  #1E2740;
  --cor-cinza-600:  #4A5570;
  --cor-cinza-400:  #8A93AB;
  --cor-cinza-200:  #D9DEE9;
  --cor-cinza-100:  #EFF2F7;
  --cor-cinza-50:   #F7F9FC;

  /* Semânticas */
  --cor-sucesso: #17864A;
  --cor-erro:    #C21024;
  --cor-aviso:   #9A6400;
  --cor-whatsapp:#25D366;

  /* Aplicação */
  --fundo:          var(--cor-branco);
  --fundo-alt:      var(--cor-cinza-50);
  --fundo-escuro:   var(--cor-preto);
  --texto:          var(--cor-cinza-900);
  --texto-suave:    var(--cor-cinza-600);
  --texto-invertido:var(--cor-branco);
  --borda:          var(--cor-cinza-200);
  --foco:           var(--cor-azul-claro);

  /* Gradientes */
  --gradiente-marca: linear-gradient(135deg, var(--cor-azul-escuro) 0%, var(--cor-azul) 55%, var(--cor-azul-claro) 100%);
  --gradiente-cta:   linear-gradient(135deg, var(--cor-vermelho) 0%, var(--cor-vermelho-escuro) 100%);

  /* Tipografia */
  --fonte-titulo: 'Barlow Condensed', 'Arial Narrow', system-ui, sans-serif;
  --fonte-texto:  'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --texto-xs:  0.75rem;
  --texto-sm:  0.875rem;
  --texto-base:1rem;
  --texto-lg:  1.125rem;
  --texto-xl:  1.375rem;
  --texto-2xl: clamp(1.6rem, 4vw, 2.1rem);
  --texto-3xl: clamp(2rem, 5vw, 2.9rem);
  --texto-4xl: clamp(2.4rem, 6.5vw, 3.9rem);

  --peso-normal: 400;
  --peso-medio:  500;
  --peso-semi:   600;
  --peso-forte:  700;

  --altura-apertada: 1.15;
  --altura-normal:   1.5;
  --altura-solta:    1.7;

  /* Espaçamento */
  --esp-1: 0.25rem;
  --esp-2: 0.5rem;
  --esp-3: 0.75rem;
  --esp-4: 1rem;
  --esp-5: 1.5rem;
  --esp-6: 2rem;
  --esp-7: 3rem;
  --esp-8: 4rem;
  --esp-9: 6rem;

  --secao-y: clamp(3rem, 8vw, 5.5rem);
  --largura-max: 1200px;
  --largura-texto: 68ch;

  /* Bordas e sombras */
  --raio-sm: 6px;
  --raio:    12px;
  --raio-lg: 20px;
  --raio-full: 999px;

  --sombra-sm: 0 1px 2px rgba(11, 16, 32, .06), 0 1px 3px rgba(11, 16, 32, .08);
  --sombra:    0 4px 12px rgba(11, 16, 32, .08), 0 2px 4px rgba(11, 16, 32, .04);
  --sombra-lg: 0 12px 32px rgba(11, 16, 32, .12), 0 4px 8px rgba(11, 16, 32, .06);
  --sombra-cta:0 8px 24px rgba(227, 6, 19, .28);

  /* Transições */
  --transicao-rapida: 150ms ease;
  --transicao: 250ms cubic-bezier(.4, 0, .2, 1);

  --z-cabecalho: 100;
  --z-flutuante: 90;
}