@charset "UTF-8";
/* =========================================================
   GLOBAL THEME BASE – Turbo Edition 😎🔥
   Drupal + Design System
   ========================================================= */
/* =========================================================
   GLOBAL – DRUPAL OVERRIDES
   ---------------------------------------------------------
   Este arquivo força o Drupal a respeitar o Design System.
   Ele vem DEPOIS do Bootstrap Reboot.
   ========================================================= */
/* ---------------------------------------------------------
   ROOT / BASE TYPOGRAPHY
   --------------------------------------------------------- */
html {
  font-family: var(--ds-font-family-body);
  font-size: 100%;
}

body {
  font-family: var(--ds-font-family-body);
  font-size: var(--ds-font-size-body-lg);
  line-height: var(--ds-line-height-relaxed);
  background-color: var(--ds-color-background-default);
}

/* ---------------------------------------------------------
   TEXT ELEMENTS (neutralizar reboot)
   --------------------------------------------------------- */
p,
span,
li,
dt,
dd {
  font-family: inherit;
  line-height: inherit;
  color: inherit;
}

ol, ul {
  padding-left: 0;
}

/* ---------------------------------------------------------
   HEADINGS – mapear HTML para DS
   --------------------------------------------------------- */
h1 {
  font-family: var(--ds-font-family-heading);
  font-size: var(--ds-font-size-heading-xl);
  font-weight: var(--ds-font-weight-bold);
  line-height: var(--ds-line-height-tight);
}

h2 {
  font-family: var(--ds-font-family-heading);
  font-size: var(--ds-font-size-heading-lg);
  font-weight: var(--ds-font-weight-bold);
  line-height: var(--ds-line-height-tight);
}

h3 {
  font-family: var(--ds-font-family-heading);
  font-size: var(--ds-font-size-heading-md);
  font-weight: var(--ds-font-weight-bold);
  line-height: var(--ds-line-height-snug);
}

h4 {
  font-family: var(--ds-font-family-heading);
  font-size: var(--ds-font-size-heading-sm);
  font-weight: var(--ds-font-weight-bold);
  line-height: var(--ds-line-height-snug);
}

h5 {
  font-family: var(--ds-font-family-heading);
  font-size: var(--ds-font-size-heading-xsm);
  font-weight: var(--ds-font-weight-bold);
  line-height: var(--ds-line-height-loose);
}

h6 {
  font-family: var(--ds-font-family-heading);
  font-size: var(--ds-font-size-heading-xxsm);
  font-weight: var(--ds-font-weight-bold);
  line-height: var(--ds-line-height-loose);
}

/* ---------------------------------------------------------
   LINKS – neutralizar Bootstrap
   --------------------------------------------------------- */
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

/* ===========================
   LINKS / HEADINGS / TYPO
   =========================== */
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  line-height: 1.25;
  transition: color 0.3s ease;
}

p, li {
  color: var(--ds-color-text-stronger);
}

/* ===========================
   Overlay loading
   =========================== */
.ds-theme-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}

.ds-theme-overlay.is-active {
  opacity: 1;
  pointer-events: all;
}

/* ===========================
   LINKS / HEADINGS / TYPO
   =========================== */
.ds-theme-switcher {
  position: fixed;
  top: 3px;
  right: 340px;
  z-index: 9999;
  display: none;
}

html[data-show-theme-switcher=true] .ds-theme-switcher {
  display: block;
}