/* =====================================================
   Manrope local + tokens públicos
===================================================== */

@font-face {
  font-family: "Manrope";
  src: url("/assets/font/Manrope-VariableFont_wght.ttf") format("truetype");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

* { box-sizing: border-box; }

:root {
  --font-primary: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;

  --brand-green: #009F48;
  --brand-blue: #014DA1;
  --brand-yellow: #F4BA1A;
  --brand-surface: #F8F8F8;
  --brand-ink: #0D1C2F;
  --brand-border: rgba(1, 77, 161, 0.18);
}

html,
body {
  font-family: var(--font-primary);
  font-weight: var(--fw-regular);
  color: var(--brand-ink);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

img,
svg {
  max-width: 100%;
  height: auto;
  display: block;
}

.font-light { font-weight: var(--fw-light); }
.font-regular { font-weight: var(--fw-regular); }
.font-medium { font-weight: var(--fw-medium); }
.font-bold { font-weight: var(--fw-bold); }

h1,
h2,
h3,
h4 {
  font-weight: var(--fw-bold);
  letter-spacing: -0.3px;
}

.container {
  width: min(1200px, calc(100% - 48px));
  margin: 0 auto;
  height: 100%;
}

@media (max-width: 560px) {
  .container { width: min(1200px, calc(100% - 28px)); }
}