/* LegalEase Docs palette. The template's layout and breakpoints stay intact. */
:root {
  --font-family-base: "Poppins", sans-serif;
  --font-family-title: "Poppins", sans-serif;
  --bs-body-font-family: "Poppins", sans-serif;
  --legal-orange: #FE924E;
  --legal-slate: #454A4B;
  --legal-black: #000000;
  --legal-white: #FFFFFF;
  --legal-slate-dark: #263E49;

  --primary: var(--legal-orange);
  --secondary: var(--legal-slate-dark);
  --primary-hover: var(--legal-slate);
  --primary-dark: var(--legal-slate-dark);
  --title: var(--legal-slate-dark);
  --rgba-primary-1: rgba(254, 146, 78, 0.1);
  --rgba-primary-2: rgba(254, 146, 78, 0.2);
  --rgba-primary-3: rgba(254, 146, 78, 0.3);
  --rgba-primary-4: rgba(254, 146, 78, 0.4);
  --rgba-primary-5: rgba(254, 146, 78, 0.5);
  --rgba-primary-6: rgba(254, 146, 78, 0.6);
  --rgba-primary-7: rgba(254, 146, 78, 0.7);
  --rgba-primary-8: rgba(254, 146, 78, 0.8);
  --rgba-primary-9: rgba(254, 146, 78, 0.9);
  --gradient: linear-gradient(to right, var(--legal-orange), var(--legal-orange));
  --gradient-sec: linear-gradient(to right, var(--legal-slate), var(--legal-slate-dark));
  --bs-primary: var(--legal-orange);
  --bs-secondary: var(--legal-slate-dark);
  --bs-primary-rgb: 254, 146, 78;
  --bs-secondary-rgb: 38, 62, 73;
}

body {
  color: var(--legal-slate);
  background-color: var(--legal-white);
}

/* Keep the original logo areas; fit the supplied square image without cropping. */
.logo-header img {
  width: 200px;
  object-fit: contain;
  object-position: left center;
}

footer .footer-logo img {
  width: 61px;
  height: 61px;
  object-fit: contain;
  background-color: var(--legal-white);
}

svg.radial-progress text {
  fill: var(--legal-slate-dark);
}

/* Readable text on the lighter orange; retain existing button effects. */
.btn.btn-primary {
  color: var(--legal-black);
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
  color: var(--legal-white);
  background-color: var(--legal-slate);
}

.btn.btn-primary.effect:after,
.btn.btn-secondary.effect:after {
  background-color: rgba(255, 255, 255, 0.16);
}

/* Use the brand font without changing the template typography sizes. */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--font-family-title);
  font-weight: 700 !important;
}