/* MudAI App — tokens (gerado de tokens.json). Tema: <html data-theme="light|dark">; sem atributo segue o sistema. */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@500;600&display=swap');

:root, [data-theme="light"] {
  --bg-000: #ffffff;
  --bg-100: #f5f6f0;
  --bg-200: #eceee5;
  --line: #dfe3d6;
  --line-strong: #8a9682;
  --ink: #15231a;
  --ink-muted: #4f5d53;
  --ink-faint: #5f6b62;
  --forest: #0d3a2b;
  --forest-raised: #174a37;
  --on-forest: #eef4ec;
  --on-forest-muted: #a9c2b2;
  --paper: #ffffff;
  --on-paper: #15231a;
  --on-paper-muted: #4f5d53;
  --leaf: #3b7d1c;
  --leaf-hover: #326c17;
  --on-leaf: #ffffff;
  --leaf-soft: #e2efd4;
  --leaf-ink: #2f6714;
  --olive: #6b8b2b;
  --terracota: #e07a1c;
  --gold: #e5ae43;
  --on-gold: #1a1405;
  --warn: #9a4b06;
  --warn-soft: #fbebd8;
  --danger: #b42318;
  --danger-soft: #fbe4e1;
  --info: #1d5f9e;
  --info-soft: #e1ecf7;
  --stage-0: #eef3cf;
  --stage-1: #d5e6a6;
  --stage-2: #b3d37a;
  --stage-3: #86b94a;
  --stage-4: #5a9a2c;
  --stage-5: #35701d;
  --stage-6: #0d3a2b;
  --tenant: #004a24;
  --tenant-accent: #f2c200;
  --on-tenant: #ffffff;
  --focus: #3b7d1c;
  --scrim: rgba(8, 20, 14, 0.48);
  --shadow-card: 0 1px 2px rgba(20, 35, 26, 0.06);
  --shadow-pop: 0 12px 32px rgba(13, 58, 43, 0.14);
}
[data-theme="dark"] {
  --bg-000: #17221c;
  --bg-100: #111913;
  --bg-200: #0c130e;
  --line: #27362d;
  --line-strong: #5f7265;
  --ink: #e9efe7;
  --ink-muted: #a7b5ab;
  --ink-faint: #8e9d92;
  --forest: #0a140f;
  --forest-raised: #16281e;
  --on-forest: #e9efe7;
  --on-forest-muted: #93a999;
  --paper: #0e1f17;
  --on-paper: #e9efe7;
  --on-paper-muted: #a7b5ab;
  --leaf: #7cc24a;
  --leaf-hover: #8fd05d;
  --on-leaf: #0f2108;
  --leaf-soft: #1e3318;
  --leaf-ink: #9cd66f;
  --olive: #9bb85a;
  --terracota: #ee8f3a;
  --gold: #e8b95a;
  --on-gold: #1a1405;
  --warn: #f0b055;
  --warn-soft: #33260f;
  --danger: #f08a7e;
  --danger-soft: #3a1a16;
  --info: #7fb3e8;
  --info-soft: #13263a;
  --stage-0: #26361a;
  --stage-1: #34491f;
  --stage-2: #46682a;
  --stage-3: #5f8f32;
  --stage-4: #7fb847;
  --stage-5: #a6d271;
  --stage-6: #d6edb8;
  --tenant: #1f6b3c;
  --tenant-accent: #f2c200;
  --on-tenant: #ffffff;
  --focus: #9cd66f;
  --scrim: rgba(0, 0, 0, 0.6);
  --shadow-card: none;
  --shadow-pop: 0 12px 32px rgba(0, 0, 0, 0.5);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --bg-000: #17221c;
  --bg-100: #111913;
  --bg-200: #0c130e;
  --line: #27362d;
  --line-strong: #5f7265;
  --ink: #e9efe7;
  --ink-muted: #a7b5ab;
  --ink-faint: #8e9d92;
  --forest: #0a140f;
  --forest-raised: #16281e;
  --on-forest: #e9efe7;
  --on-forest-muted: #93a999;
  --paper: #0e1f17;
  --on-paper: #e9efe7;
  --on-paper-muted: #a7b5ab;
  --leaf: #7cc24a;
  --leaf-hover: #8fd05d;
  --on-leaf: #0f2108;
  --leaf-soft: #1e3318;
  --leaf-ink: #9cd66f;
  --olive: #9bb85a;
  --terracota: #ee8f3a;
  --gold: #e8b95a;
  --on-gold: #1a1405;
  --warn: #f0b055;
  --warn-soft: #33260f;
  --danger: #f08a7e;
  --danger-soft: #3a1a16;
  --info: #7fb3e8;
  --info-soft: #13263a;
  --stage-0: #26361a;
  --stage-1: #34491f;
  --stage-2: #46682a;
  --stage-3: #5f8f32;
  --stage-4: #7fb847;
  --stage-5: #a6d271;
  --stage-6: #d6edb8;
  --tenant: #1f6b3c;
  --tenant-accent: #f2c200;
  --on-tenant: #ffffff;
  --focus: #9cd66f;
  --scrim: rgba(0, 0, 0, 0.6);
  --shadow-card: none;
  --shadow-pop: 0 12px 32px rgba(0, 0, 0, 0.5);
  }
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-pill: 999px;
  --font-sans: "Plus Jakarta Sans", system-ui, sans-serif;
  --font-serif: "Instrument Serif", Georgia, serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
}

/* Estilos de texto */
.t-kpi-xl { font-family: var(--font-serif); font-size: 56px; line-height: 56px; font-weight: 400; }
.t-kpi { font-family: var(--font-serif); font-size: 40px; line-height: 44px; font-weight: 400; }
.t-headline { font-family: var(--font-serif); font-size: 44px; line-height: 46px; font-weight: 400; }
.t-page-title { font-family: var(--font-sans); font-size: 28px; line-height: 34px; font-weight: 700; letter-spacing: -0.01em; }
.t-title { font-family: var(--font-sans); font-size: 18px; line-height: 24px; font-weight: 700; }
.t-body { font-family: var(--font-sans); font-size: 14px; line-height: 21px; font-weight: 400; }
.t-body-strong { font-family: var(--font-sans); font-size: 14px; line-height: 21px; font-weight: 600; }
.t-small { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 400; }
.t-button { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 600; }
.t-eyebrow { font-family: var(--font-mono); font-size: 11px; line-height: 14px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; }
.t-code { font-family: var(--font-mono); font-size: 13px; line-height: 18px; font-weight: 500; }
.t-code-sm { font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 500; }