/* Agos Comunicação — Design System — generated from tokens.json */
@font-face { font-family: "Nonchalance"; src: url("fonts/Nonchalance-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Nonchalance"; src: url("fonts/Nonchalance-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Nonchalance"; src: url("fonts/Nonchalance-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Geosans Light"; src: url("fonts/GeosansLight.woff2") format("woff2"); font-weight: 300 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Geosans Light"; src: url("fonts/GeosansLight-Oblique.woff2") format("woff2"); font-weight: 300 400; font-style: italic; font-display: swap; }
:root, [data-theme="light"] {
  --agos-teal: #00313C;
  --agos-sand: #D4CA9F;
  --agos-white: #FFFFFF;
  --teal-deep: #00252D;
  --surface: var(--agos-white);
  --surface-sand: #F6F4EC;
  --surface-teal: var(--agos-teal);
  --ink: var(--agos-teal);
  --ink-muted: #4D6F77;
  --on-teal: var(--agos-white);
  --on-teal-accent: var(--agos-sand);
  --on-teal-muted: #AAAB8B;
  --line: var(--agos-sand);
  --line-subtle: #E6EAEC;
  --line-on-teal: rgba(212, 202, 159, 0.32);
  --control-border: var(--agos-teal);
  --focus: var(--agos-teal);
  --focus-on-teal: var(--agos-sand);
  --feedback-error: #9B2C1F;
  --overlay: rgba(0, 37, 45, 0.62);
  --shadow-lift: 0 18px 40px -18px rgba(0, 49, 60, 0.35);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-32: 128px;
  --radius-none: 0;
  --radius-sm: 2px;
  --radius-full: 999px;
  --container-max: 1240px;
  --header-h: 88px;
  --fio-thin: 1px;
  --fio-thick: 12px;
  --bp-sm: 480px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --tap-min: 48px;
  --ease-agos: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 180ms;
  --dur-base: 420ms;
  --dur-reveal: 900ms;
  --font-display: "Nonchalance", "Century Gothic", sans-serif;
  --font-body: "Geosans Light", "Century Gothic", sans-serif;
}
.display { font-family: var(--font-display); font-size: 72px; line-height: 0.95; font-weight: 500; letter-spacing: 0; }
.h1 { font-family: var(--font-display); font-size: 48px; line-height: 1; font-weight: 500; letter-spacing: 0; }
.h2 { font-family: var(--font-display); font-size: 34px; line-height: 1.05; font-weight: 500; letter-spacing: 0; }
.h3 { font-family: var(--font-display); font-size: 20px; line-height: 1.2; font-weight: 500; letter-spacing: 0; }
.numeral { font-family: var(--font-display); font-size: 56px; line-height: 1; font-weight: 500; letter-spacing: 0; }
.lead { font-family: var(--font-body); font-size: 22px; line-height: 1.5; font-weight: 300; }
.body { font-family: var(--font-body); font-size: 19px; line-height: 1.65; font-weight: 300; }
.small { font-family: var(--font-body); font-size: 16px; line-height: 1.55; font-weight: 300; }
.eyebrow { font-family: var(--font-body); font-size: 13px; line-height: 1.2; font-weight: 400; letter-spacing: 0.2em; }
.button { font-family: var(--font-body); font-size: 14px; line-height: 1; font-weight: 400; letter-spacing: 0.14em; }
.nav { font-family: var(--font-body); font-size: 15px; line-height: 1; font-weight: 400; letter-spacing: 0.04em; }