:root {
  /* ALL */
  --hr: rgba(255, 255, 255, 0.35);
  --border: 1px solid rgba(255, 255, 255, 0.15);
  --border-blue: 1px solid rgb(0, 116, 205);
  --border-blue2: rgb(0, 116, 205);;

  /* LOADING */
  --loading: white;
  --bg-loading: rgba(0, 0, 0, 0.5);

  /* BACKGROUND */
  --bg-line-square: rgba(255, 255, 255, 0.15);
  --bg-noise: rgba(255, 255, 255, 0.15);
  --bg-star: rgba(255, 255, 255, 0.15);

  /* MAIN PAGE (LINKTREE) */
  --linktree-name: white;
  --linktree-email: rgba(255, 255, 255, 0.9);
  --linktree-icon: white;
  --linktree-icon-hover: rgb(0, 116, 205);
  --linktree-role: white;
  --linktree-btn-title: white;
  --linktree-btn-description: rgba(255, 255, 255, 0.5);
  --linktree-btn-hover: rgba(255, 255, 255, 0.15);
  --linktree-footer: rgba(255, 255, 255, 0.25);

  /* SECOND PAGE (BOOST METHOD) */
  --header: rgba(26, 84, 160, 0.2);
  --about-title: white;
  --about-title-highlight: rgb(0, 116, 205);
  --about-description: rgba(255, 255, 255, 0.5);
  --about-btn-title: white;
  --about-btn-bg: rgb(0, 116, 205);
  --about-btn-hover: rgba(255, 255, 255, 0.15);

  /* REFERENCE */
  --reference: rgba(26, 84, 160, 0.2);
  --reference-title: white;
  --reference-user: white;
  --reference-team: white;
  --reference-continue: white;
  --reference-arrow: white;
  --reference-btn-video-bg: rgba(0, 0, 0, 0.5);
  --reference-btn-video-bg-hover: rgb(0, 116, 205);
  --reference-btn-video-play: white;

  /* TIMELINE */
  --timeline-title-color: white;
  --timeline-description-color: rgba(255, 255, 255, 0.7);
  --timeline-line-color-start: rgb(0, 116, 205);
  --timeline-line-color-end: rgba(128, 128, 128, 0);
  --timeline-line-border-radius: 1rem;
  --timeline-dot-bg: white;
  --timeline-dot-border: 2px solid rgb(0, 116, 205);
  --timeline-content-border: 0.1px solid rgb(0, 116, 205);
  --timeline-content-box-shadow: 0 4px 10px transparent;
  --anydesk-color: rgb(0, 116, 205);
  --icon-color: inherit;

  /* FEEDBACK */
  --feedback-bg: rgba(26, 84, 160, 0.2);
  --feedback-blur: blur(5px);
  --feedback-title-color: white;
  --feedback-slider-gap: 1rem;
  --feedback-slider-radius: 10px;
  --feedback-slider-animation-duration: 35s;

  /* PLANS */
  --plans-bg: rgba(26, 84, 160, 0.2);
  --plans-title-color: white;
  --plans-text-color: white;
  --plans-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
  --plans-btn-hover-bg: rgb(5, 138, 0);
  --plans-btn-color: white;
  --plans-ribbon-blue: #0074cc;
  --plans-ribbon-gold-gradient: linear-gradient(45deg, #f6d365 0%, #fda085 100%);
  --plans-ribbon-gold-text: #6b4e07;
  --plans-ribbon-gold-shadow: rgba(255, 215, 0, 0.7);
  --plans-ribbon-purple-gradient: linear-gradient(45deg, #9b59b6 0%, #8e44ad 100%);
  --plans-ribbon-purple-text: white;
  --plans-ribbon-purple-shadow: rgba(128, 0, 128, 0.7);
  --plans-icon-bg: rgba(255, 255, 255, 0.15);
  --plans-discount-color: #ff6f61;
  --plans-continue: white;
  --plans-arrow: white;

  /* BENEFITS */
  --benefits-bg: rgba(26, 84, 160, 0.2);
  --benefits-blur: blur(3px);
  --benefits-title-color: white;
  --benefits-container-gap: 2rem;
  --benefits-icon-size: 100px;
  --benefits-icon-animation-duration: 4s;
  --benefits-title-font-size: 1.3rem;
  --benefits-main-title-font-size: 3rem;

  /* FAQ */
  --faq-bg: transparent;
  --faq-color-text: white;
  /* geral */
  --faq-color-title: white;
  --faq-color-question: white;
  /* pergunta branca */
  --faq-color-answer: white;
  /* resposta branca */
  --faq-color-answer-opacity: 1;
  /* opacidade total */
  --faq-border: 0.1px solid gray;
  --faq-bg-item: var(--color-black-transparent-10);
  --faq-hover-bg-gradient: linear-gradient(135deg, var(--primary-color-light), #ffffff00);

  /* NEWSLETTER */
  --newsletter-bg: var(--primary-color-light);
  --newsletter-container-bg: rgba(26, 84, 160, 0.2);
  --newsletter-container-blur: blur(5px);
  --newsletter-color-title: var(--h1);
  --newsletter-color-text: var(--p);
  --newsletter-color-button: var(--h1);
  --newsletter-button-bg-hover: rgb(0, 116, 205);
  --newsletter-border-radius: 2rem;
  --newsletter-shadow: var(--shadow);
  --newsletter-input-padding: 0.75rem 1rem;
  --newsletter-input-font-size: 1rem;
  --newsletter-button-font-size: 1.5rem;
  --newsletter-gap: 1rem;


  /* FOOTER */
  --footer: rgba(26, 84, 160, 0.2);
  --footer-gap: 5rem;
  --footer-max-width: 1200px;

  --footer-color-title: white;
  --footer-color-text: white;
  --footer-color-link: gray;
  --footer-color-link-hover: rgb(0, 116, 205);
  --footer-color-copy: rgba(255, 255, 255, 1);

  --footer-payment-img-width: 250px;












  /* WHATSAPP FLOAT */
  --whatsapp: #01a33c;
  --whatsapp-hover: rgb(0, 230, 96);
  --whatsapp-shadow: 0 2px 6px #01a33cb4;
}