/* Marktech Design System: tokens gerados do tokens.json pelo docs/design-system/tokens.py.
   Não editar à mão. Fonte do produto: Outfit 400 a 800 (Google Fonts); site: Plus Jakarta Sans. */
:root, [data-theme="light"] {
  --mk-yellow: #fad02c;
  --mk-yellow-hover: #ffd927;
  --mk-yellow-dark: #e8bd12;
  --mk-yellow-soft: #fef7da;
  --mk-navy: #333652;
  --mk-navy-hover: #434766;
  --mk-navy-deep: #282a42;
  --mk-navy-soft: #e8e9f1;
  --mk-violet: #5b5f97;
  --mk-violet-soft: #ecedf6;
  --mk-bluegray: #90adc6;
  --mk-bluegray-soft: #e9f0f6;
  --mk-gold: #e0a106;
  --mk-ink: #14142b;
  --mk-body: #4b4f6b;
  --mk-muted: #6b6f8c;
  --mk-faint: #a0a4bd;
  --mk-line: #e4e6f2;
  --mk-line-strong: #cdd0e3;
  --mk-line-soft: #eff0f6;
  --mk-soft: #f4f5fb;
  --mk-paper: #f8f9ff;
  --mk-white: #ffffff;
  --mk-good: #1c7a43;
  --mk-good-bg: #e6f6ec;
  --mk-warn: #8a5a00;
  --mk-warn-bg: #fff3d1;
  --mk-bad: #b42318;
  --mk-bad-bg: #fdeaea;
  --mk-info: var(--mk-navy);
  --mk-info-bg: var(--mk-navy-soft);
  --mk-bad-line: #f3c5c0;
  --mk-bad-strong: #912018;
  --mk-yellow-line: #eadfb6;
  --mk-series-1: #333652;
  --mk-series-2: #e0a106;
  --mk-series-3: #90adc6;
  --mk-series-4: #5b5f97;
  --mk-series-5: #8a5a00;
  --mk-series-6: #4f7393;
  --mk-series-7: #14142b;
  --mk-focus: #5b5f97;
  --mk-on-navy: #d7dae8;
  --mk-on-navy-muted: #b9bdd2;
  --mk-overlay: rgba(20, 20, 43, 0.42);
  --mk-shadow-sm: 0 2px 8px rgba(20, 20, 43, 0.05);
  --mk-shadow-card: 0 1px 2px rgba(20, 20, 43, 0.04), 0 4px 16px rgba(20, 20, 43, 0.04);
  --mk-shadow: 0 8px 28px rgba(20, 20, 43, 0.07);
  --mk-shadow-lg: 0 20px 56px rgba(20, 20, 43, 0.12);
  --mk-shadow-pop: 0 10px 24px rgba(51, 54, 82, 0.16);
  --mk-shadow-accent: 0 4px 14px 0 rgba(250, 208, 44, 0.39);
  --mk-focus-ring: 0 0 0 3px rgba(91, 95, 151, 0.38);
}
:root {
  --mk-space-1: 4px;
  --mk-space-2: 8px;
  --mk-space-3: 12px;
  --mk-space-4: 16px;
  --mk-space-5: 20px;
  --mk-space-6: 24px;
  --mk-space-8: 32px;
  --mk-radius-sm: 8px;
  --mk-radius-control: 10px;
  --mk-radius-md: 12px;
  --mk-radius-block: 14px;
  --mk-radius: 16px;
  --mk-radius-lg: 24px;
  --mk-radius-pill: 999px;
  --mk-fast: 0.15s;
  --mk-slow: 0.22s;
  --mk-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --mk-font: Outfit, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --font-app: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-site: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.app-score { font-family: var(--font-app); font-size: 40px; line-height: 1; font-weight: 700; }
.app-area-value { font-family: var(--font-app); font-size: 30px; line-height: 1.1; font-weight: 700; }
.app-kpi { font-family: var(--font-app); font-size: 28px; line-height: 1.15; font-weight: 700; letter-spacing: -0.2px; }
.app-page-title { font-family: var(--font-app); font-size: 24px; line-height: 1.25; font-weight: 700; letter-spacing: -0.01em; }
.app-stat { font-family: var(--font-app); font-size: 22px; line-height: 1.2; font-weight: 700; }
.app-panel-title { font-family: var(--font-app); font-size: 20px; line-height: 1.2; font-weight: 700; }
.app-section-title { font-family: var(--font-app); font-size: 19px; line-height: 1.1; font-weight: 700; }
.app-card-title { font-family: var(--font-app); font-size: 17px; line-height: 1.3; font-weight: 700; }
.app-empty-title { font-family: var(--font-app); font-size: 16px; line-height: 1.1; font-weight: 700; }
.app-block-title { font-family: var(--font-app); font-size: 14px; line-height: 1.15; font-weight: 700; }
.app-body { font-family: var(--font-app); font-size: 13px; line-height: 1.45; font-weight: 400; }
.app-small { font-family: var(--font-app); font-size: 12.5px; line-height: 1.45; font-weight: 400; }
.app-label { font-family: var(--font-app); font-size: 12px; line-height: 1.4; font-weight: 600; }
.app-eyebrow { font-family: var(--font-app); font-size: 12px; line-height: 1.3; font-weight: 700; letter-spacing: 0.12em; }
.app-tag { font-family: var(--font-app); font-size: 11px; line-height: 1.5; font-weight: 600; }
.site-h1 { font-family: var(--font-site); font-size: 59px; line-height: 1.18; font-weight: 800; letter-spacing: -0.02em; }
.site-h2 { font-family: var(--font-site); font-size: 42px; line-height: 1.18; font-weight: 800; letter-spacing: -0.02em; }
.site-h3 { font-family: var(--font-site); font-size: 22px; line-height: 1.18; font-weight: 800; letter-spacing: -0.02em; }
.site-lead { font-family: var(--font-site); font-size: 19.5px; line-height: 1.6; font-weight: 400; }
.site-body { font-family: var(--font-site); font-size: 16px; line-height: 1.65; font-weight: 400; }
.site-eyebrow { font-family: var(--font-site); font-size: 12.5px; line-height: 1.3; font-weight: 800; letter-spacing: 0.14em; }