/* ------------------------------------
   DESIGN SYSTEM - LEIAUTAR
   Estilo: Neo-Brutalism / Swiss
------------------------------------ */

@font-face {
  font-family: 'ABC Gravity';
  src: url('../fonts/ABCGravity-ExtraCondensed.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Aeonik Pro';
  src: url('../fonts/AeonikPro-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

:root {
  /* CORES BASE NEO-BRUTALISTAS */
  --c-black: #000000;
  --c-white: #ffffff;
  --c-yellow: #fff602;
  --c-red: #f22444;
  --c-pink: #ffbeff;
  --c-blue: #0054fd;
  
  /* SOBRESCRITA DOS TOKENS DO WIREFRAME (styles.css) */
  --ink-900: var(--c-black);
  --ink-800: var(--c-black);
  --ink-700: var(--c-black);
  --ink-600: #444444;
  --ink-500: #666666;
  --ink-400: #888888;
  
  --bg: var(--c-white);
  --surface: var(--c-white);
  --surface-2: var(--c-white);
  --surface-3: var(--c-yellow);
  --surface-ink: var(--c-black);
  
  --line: var(--c-black);
  --line-strong: var(--c-black);
  
  --accent: var(--c-yellow);
  --accent-hover: var(--c-blue);
  
  --font-sans: 'Aeonik Pro', sans-serif;
  
  --r-sm: 0px;
  --r-md: 0px;
  --r-lg: 0px;
  --r-xl: 0px;
  --r-pill: 0px;
  
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
}

/* ------------------------------------
   ACABAMENTOS CIRÚRGICOS
------------------------------------ */

/* Tipografia (Evitando Faux Bold) */
h1, h2, h3, h4, .display, .h1, .h2, .h3, .h4, .eyebrow {
  font-family: 'ABC Gravity', sans-serif !important;
  font-weight: normal !important; 
  color: var(--c-black) !important;
  text-transform: uppercase;
}

.eyebrow {
  font-size: 1rem !important;
  letter-spacing: 0.05em !important;
}

/* Bordas em Cards e Botões */
.card, .btn, .chip, .tag, .ph, .support-card, .manifesto-frame {
  border: 2px solid var(--c-black) !important;
  border-radius: 0 !important;
}

/* Botões */
.btn-primary {
  background: var(--c-yellow) !important;
  color: var(--c-black) !important;
}
.btn-outline {
  background: var(--c-white) !important;
  color: var(--c-black) !important;
}
.btn-on-ink {
  background: var(--c-yellow) !important;
  color: var(--c-black) !important;
  border-color: var(--c-yellow) !important;
}
.btn:hover {
  transform: translate(-4px, -4px) !important;
  box-shadow: 6px 6px 0px var(--c-black) !important;
}
.btn-primary:hover { background: var(--c-blue) !important; color: var(--c-white) !important; }
.btn-outline:hover { background: var(--c-pink) !important; }
.btn-on-ink:hover { background: var(--c-white) !important; color: var(--c-black) !important; }

/* Cards Hover (Sombras Secas) */
.card--hover:hover {
  transform: translate(-4px, -4px) !important;
  box-shadow: 8px 8px 0px var(--c-black) !important;
}

/* Ajustes de cor específicos do layout */
.section--alt {
  background: var(--c-blue) !important;
  color: var(--c-white) !important;
  border-bottom: 2px solid var(--c-black) !important;
  border-top: 2px solid var(--c-black) !important;
}

.section--alt h1, .section--alt h2, .section--alt h3, .section--alt p, .section--alt .eyebrow {
  color: var(--c-white) !important;
}

.section--alt .card {
  background: var(--c-white) !important;
}
.section--alt .card * {
  color: var(--c-black) !important;
}
.section--alt .chip {
  background: var(--c-yellow) !important;
  color: var(--c-black) !important;
}
.section--alt .chip:hover {
  background: var(--c-white) !important;
}

.section--ink {
  background: var(--c-red) !important;
  color: var(--c-white) !important;
}
.section--ink * {
  color: var(--c-white) !important;
}

/* Ajuste Sazonal */
.support-card {
  background: var(--c-pink) !important;
}
.support-card * {
  color: var(--c-black) !important;
}

/* Icons via Iconify */
iconify-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}