/*
  CookieFacil — Custom Overrides
  Project-specific tweaks on top of the Bootstrap 5 theme.
*/

/* ===== Unified CookieFacil Color Palette =====
   Aligns site template colors with the admin dashboard for seamless CX.
   The admin dashboard palette is the source of truth. */
:root {
  /* Semantic status colors — match admin --*-rgb values */
  --green: #0CC763;                         /* was #54af48 */
  --tra-green: rgba(12, 199, 99, .15);
  --blue: #0C9CFC;                          /* was #1b86fa */
  --tra-blue: rgba(12, 156, 252, .15);
  --yellow: #FF9A13;                        /* was #ffbf15 */
  --pink: #FE549B;                          /* was #fc5a8d */
  --tra-pink: rgba(254, 84, 155, .15);
  --sky-blue: #0C9CFC;                      /* was #00a5fe */
  --tra-skyblue: rgba(12, 156, 252, .15);

  /* Background alignment */
  --white-smoke: #F5F6FA;                   /* was #f4f4f9 */
  --tra-whitesmoke: rgba(245, 246, 250, .7);
  --ghost: #F5F6F9;                         /* was #f5f6f9 — unchanged, close enough */
}

/* Logo sizing */
.navbar-brand img {
  max-height: 42px;
  width: auto;
}

/* Hero gradient (CookieFacil purple) */
.hero-gradient {
  background: linear-gradient(135deg, #7C3AED 0%, #5B21B6 50%, #4C1D95 100%);
}

/* PT-BR typography: slightly larger base for readability */
.hero-section p,
.ct-01 p,
.ct-02 p {
  font-size: 1.05rem;
  line-height: 1.75;
}

/* CTA buttons — match brand purple */
.btn--cookiefacil {
  background-color: #7C3AED;
  border-color: #7C3AED;
  color: #fff;
}
.btn--cookiefacil:hover,
.btn--cookiefacil:focus {
  background-color: #6D28D9;
  border-color: #6D28D9;
  color: #fff;
}

/* Footer brand colors */
.footer .footer-logo img {
  max-height: 38px;
}

/* Preloader override to match brand */
.loading--plum .loading-inner {
  border-color: #7C3AED;
}