/* Homoli — gerado de tokens.json */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@600;700&family=IBM+Plex+Mono:wght@500&family=Public+Sans:wght@400;500;600&display=swap');
:root, [data-theme="light"] {
  --surface: #f5f7f6;
  --surface-raised: #ffffff;
  --line: #d3dcd8;
  --ink: #13222b;
  --ink-muted: #4f5f68;
  --brand: #0b6e53;
  --brand-tint: #dcefe7;
  --on-brand: #ffffff;
  --sun: #e9a21b;
  --on-sun: #1a1405;
  --status-warning: #8a5300;
  --status-critical: #b3261e;
  --status-info: #1f5fa8;
  --status-critical-tint: #fbeae8;
  --status-warning-tint: #fbf1df;
  --status-info-tint: #e6eef8;
}
[data-theme="dark"] {
  --surface: #0e181d;
  --surface-raised: #15232a;
  --line: #2b3b43;
  --ink: #e6eeea;
  --ink-muted: #9db0b8;
  --brand: #45c79c;
  --brand-tint: #17473a;
  --on-brand: #04261c;
  --sun: #f2b33d;
  --on-sun: #1a1405;
  --status-warning: #f0b44c;
  --status-critical: #f2836f;
  --status-info: #7db3f2;
  --status-critical-tint: #3a1714;
  --status-warning-tint: #3a2a10;
  --status-info-tint: #16263a;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --surface: #0e181d;
  --surface-raised: #15232a;
  --line: #2b3b43;
  --ink: #e6eeea;
  --ink-muted: #9db0b8;
  --brand: #45c79c;
  --brand-tint: #17473a;
  --on-brand: #04261c;
  --sun: #f2b33d;
  --on-sun: #1a1405;
  --status-warning: #f0b44c;
  --status-critical: #f2836f;
  --status-info: #7db3f2;
  --status-critical-tint: #3a1714;
  --status-warning-tint: #3a2a10;
  --status-info-tint: #16263a;
} }
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-4: 16px;
  --space-6: 24px;
  --space-10: 40px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-pill: 999px;
  --font-display: "Archivo", "Arial Narrow", system-ui, sans-serif;
  --font-sans: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
}
.display { font-family: var(--font-display); font-size: 40px; line-height: 44px; font-weight: 700; letter-spacing: -0.01em; }
.title { font-family: var(--font-display); font-size: 28px; line-height: 34px; font-weight: 700; }
.heading { font-family: var(--font-display); font-size: 20px; line-height: 26px; font-weight: 600; }
.body { font-family: var(--font-sans); font-size: 15px; line-height: 22px; font-weight: 400; }
.body-strong { font-family: var(--font-sans); font-size: 15px; line-height: 22px; font-weight: 600; }
.small { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; }
.data { font-family: var(--font-mono); font-size: 14px; line-height: 20px; font-weight: 500; }
.data-small { font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 500; }