:root {
  
  --noite:      #0B1D41;
  --noite-esc:  #071328;
  --noite-md:   #16305C;
  --borda:      #24406E;

  
  --coral:      #E8734A;
  --coral-lt:   #F09A78;   
  
  --coral-esc:  #BA512C;   

  
  --coral-btn:  #BC4E28;
  --grad-btn:       linear-gradient(168deg, #E8734A 0%, #BC4E28 34%, #B34722 100%);
  --grad-btn-hover: linear-gradient(168deg, #F2865E 0%, #C85830 34%, #BC4E28 100%);

  
  --zap:        #25D366;
  --zap-esc:    #1EBE5A;

  
  --creme:      #F5F1EA;   
  --areia:      #E3C9A8;   
  --cinza:      #A9B4C7;   
  
  --cinza-lt:   #CBD3DE;
  --claro:      #FAF7F2;   

  
  --texto-claro-fundo: #0B1D41;  
  --cinza-claro-fundo: #5A6478;  

  
  --f-display: 'Fraunces', Georgia, serif;
  --f-body:    'DM Sans', system-ui, -apple-system, sans-serif;

  
  --t-hero:  clamp(2.125rem, 1.2rem + 4.6vw, 4.25rem);   
  --t-h2:    clamp(1.6875rem, 1.1rem + 2.9vw, 2.75rem);  
  --t-h3:    clamp(1.3125rem, 1.1rem + 1vw, 1.75rem);    
  --t-lead:  clamp(1.125rem, 1.05rem + 0.35vw, 1.25rem); 
  --t-body:  clamp(1rem, 0.97rem + 0.15vw, 1.0625rem);   
  --t-small: clamp(0.875rem, 0.86rem + 0.1vw, 0.9375rem);
  --t-eyebrow: clamp(0.75rem, 0.74rem + 0.1vw, 0.8125rem);

  --lh-tight: 1.05;
  --lh-head:  1.15;
  --lh-body:  1.65;

  
  --e-1: 8px;   --e-2: 16px;  --e-3: 24px;  --e-4: 32px;
  --e-5: 48px;  --e-6: 64px;  --e-7: 96px;  --e-8: 128px;

  
  --secao-y: clamp(6rem, 4rem + 8vw, 10rem);

  
  --secao-y-interno: clamp(3.5rem, 2.5rem + 4vw, 6rem);

  
  --cel-prop: 1.839;
  --cel-max: 400px;
  
  
  
  --cel-w: min(100%, clamp(240px, calc((100svh - 250px) / 1.839), var(--cel-max)));
  --cel-aro: 11px;
  --cel-raio: 38px;
  --cel-raio-interno: 27px;   

  
  --r-sm: 8px;  --r-md: 14px;  --r-lg: 24px;  --r-full: 999px;

  
  --sombra-sm: 0 2px 8px rgba(0, 0, 0, .18);
  --sombra-md: 0 8px 24px rgba(0, 0, 0, .28);
  --sombra-lg: 0 24px 64px rgba(0, 0, 0, .38);

  
  --largura:   1200px;
  --largura-texto: 680px;  
  --gutter: clamp(1.25rem, 1rem + 2vw, 2.5rem);

  
  --ease-suave:    cubic-bezier(.16, 1, .3, 1);
  --ease-seco:     cubic-bezier(.87, 0, .13, 1);
  --t-rapido: 200ms;
  --t-medio:  400ms;
  --t-lento:  800ms;

  --z-base: 1;  --z-sticky: 100;  --z-topo: 1000;
}

:root { color-scheme: dark; }