/* Quaerion — generated from tokens.json */
:root, [data-theme="dark"] {
  --carbon: #070b0c;
  --ice: #e7efea;
  --moss: #2f4a4b;
  --brilho: #cff5df;
  --sage: #9fb8af;
  --sinal: #ff6b3d;
  --bg: #070b0c;
  --surface: #0e1516;
  --surface-raised: #152021;
  --surface-sunken: #040607;
  --surface-inverse: #e7efea;
  --ink: #e7efea;
  --ink-muted: #9fb8af;
  --ink-subtle: #7f968f;
  --ink-inverse: #070b0c;
  --line: #223030;
  --line-strong: #5f7670;
  --primary: #cff5df;
  --primary-hover: #b5ecce;
  --on-primary: #070b0c;
  --accent-soft: #1c3833;
  --on-accent-soft: #cff5df;
  --focus: #cff5df;
  --success: #86d3e3;
  --success-soft: #0f2a30;
  --warning: #f0be62;
  --warning-soft: #2b2210;
  --danger: #ff9c94;
  --danger-soft: #331513;
  --on-danger: #070b0c;
  --data-1: #cff5df;
  --data-2: #6fc2b8;
  --data-3: #e2b475;
  --data-4: #9db3d6;
  --data-5: #9fb8af;
  --data-6: #e09a8c;
  --data-outros: #4a5b58;
  --data-destaque: #ff6b3d;
  --chart-grid: #1e2a2a;
  --seq-0: #142022;
  --seq-1: #1d3833;
  --seq-2: #2e5c52;
  --seq-3: #5c9c87;
  --seq-4: #cff5df;
  --surface-glass: rgba(21, 32, 33, 0.58);
  --surface-glass-strong: rgba(14, 21, 22, 0.78);
  --line-glass: rgba(231, 239, 234, 0.10);
  --line-glass-light: rgba(231, 239, 234, 0.22);
  --glow: rgba(207, 245, 223, 0.16);
  --halftone: rgba(207, 245, 223, 0.14);
  --luz-a: #3d6b62;
  --luz-b: #24413f;
  --luz-c: #13201f;
  --luz-reflexo: rgba(207, 245, 223, 0.18);
  --sinal-glow: rgba(255, 107, 61, 0.28);
  --shadow-overlay: 0 12px 32px -8px rgba(0, 0, 0, 0.6);
  --shadow-raised: 0 1px 2px rgba(0, 0, 0, 0.4), 0 10px 30px -12px rgba(0, 0, 0, 0.7);
  --shadow-glass: inset 0 1px 0 rgba(231, 239, 234, 0.08), 0 24px 48px -24px rgba(0, 0, 0, 0.8);
  --shadow-glow: 0 0 0 1px rgba(207, 245, 223, 0.10), 0 10px 44px -8px rgba(207, 245, 223, 0.22);
  color-scheme: dark;
}
[data-theme="light"] {
  --bg: #e7efea;
  --surface: #f3f7f4;
  --surface-raised: #fbfdfb;
  --surface-sunken: #dce6e0;
  --surface-inverse: #070b0c;
  --ink: #070b0c;
  --ink-muted: #3e5557;
  --ink-subtle: #566b69;
  --ink-inverse: #e7efea;
  --line: #c9d6cf;
  --line-strong: #6b817c;
  --primary: #2f4a4b;
  --primary-hover: #233a3b;
  --on-primary: #e7efea;
  --accent-soft: #cff5df;
  --on-accent-soft: #2f4a4b;
  --focus: #2f4a4b;
  --success: #17606e;
  --success-soft: #d2ecf0;
  --warning: #8a5300;
  --warning-soft: #f7e6c4;
  --danger: #b3261e;
  --danger-soft: #f8dad6;
  --on-danger: #fbfdfb;
  --data-1: #2f4a4b;
  --data-2: #3f8a85;
  --data-3: #a8722f;
  --data-4: #56708f;
  --data-5: #6e8c82;
  --data-6: #a35f52;
  --data-outros: #9aaba5;
  --chart-grid: #d5e0da;
  --seq-0: #e3ece7;
  --seq-1: #c3dcd0;
  --seq-2: #8fbba8;
  --seq-3: #548577;
  --seq-4: #2f4a4b;
  --surface-glass: rgba(251, 253, 251, 0.62);
  --surface-glass-strong: rgba(251, 253, 251, 0.82);
  --line-glass: rgba(7, 11, 12, 0.08);
  --line-glass-light: rgba(255, 255, 255, 0.85);
  --glow: rgba(47, 74, 75, 0.20);
  --halftone: rgba(47, 74, 75, 0.16);
  --luz-a: #3f6a63;
  --luz-b: #2f4a4b;
  --luz-c: #1d3433;
  --luz-reflexo: rgba(207, 245, 223, 0.28);
  --sinal-glow: rgba(255, 107, 61, 0.22);
  --shadow-overlay: 0 12px 32px -8px rgba(7, 11, 12, 0.22);
  --shadow-raised: 0 1px 2px rgba(7, 11, 12, 0.06), 0 8px 24px -12px rgba(47, 74, 75, 0.25);
  --shadow-glass: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 18px 40px -20px rgba(47, 74, 75, 0.35);
  --shadow-glow: 0 0 0 1px rgba(47, 74, 75, 0.10), 0 10px 40px -8px rgba(47, 74, 75, 0.35);
  color-scheme: light;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 999px;
  --blur-glass: 18px;
  --blur-strong: 32px;
  --blur-aura: 60px;
  --stroke-hairline: 1px;
  --stroke-strong: 1.5px;
  --stroke-focus: 2px;
  --sidebar-width: 248px;
  --sidebar-collapsed: 72px;
  --topbar-height: 64px;
  --content-max: 1440px;
  --form-max: 720px;
  --drawer-width: 480px;
  --z-sticky: 10;
  --z-dropdown: 20;
  --z-drawer: 30;
  --z-modal: 40;
  --z-toast: 50;
  --font-display: "Quaerion Display", Inter, system-ui, sans-serif;
  --font-sans: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}
.display-xl {
  font-family: var(--font-display);
  font-size: 96px;
  line-height: 96px;
  font-weight: 300;
  letter-spacing: -0.01em;
}
.display-lg {
  font-family: var(--font-display);
  font-size: 64px;
  line-height: 64px;
  font-weight: 300;
  letter-spacing: -0.01em;
}
.display-md {
  font-family: var(--font-display);
  font-size: 48px;
  line-height: 52px;
  font-weight: 300;
}
.heading-lg {
  font-family: var(--font-display);
  font-size: 36px;
  line-height: 40px;
  font-weight: 500;
}
.heading-md {
  font-family: var(--font-display);
  font-size: 28px;
  line-height: 32px;
  font-weight: 500;
}
.heading-sm {
  font-family: var(--font-display);
  font-size: 22px;
  line-height: 28px;
  font-weight: 500;
}
.metric {
  font-family: var(--font-display);
  font-size: 40px;
  line-height: 44px;
  font-weight: 500;
}
.body-lg {
  font-family: var(--font-sans);
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}
.body {
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.body-sm {
  font-family: var(--font-sans);
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
}
.label {
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.overline {
  font-family: var(--font-sans);
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 0.12em;
}
.caption {
  font-family: var(--font-sans);
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
@font-face {
  font-family: "Quaerion Display";
  src: url("/media/site-test/fonts/QuaerionDisplay-Fina.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Quaerion Display";
  src: url("/media/site-test/fonts/QuaerionDisplay-Encorpada.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}