/* Vaart — generated from tokens.json */
:root, [data-theme="light"] {
  --prussia: #0D2233;
  --tinta: #1F4B63;
  --aguada: #6E8C9C;
  --grafite: #4D5358;
  --papel-frio: #F5F6F7;
  --branco: #FFFFFF;
  --ink: var(--prussia);
  --ink-muted: var(--grafite);
  --surface: var(--papel-frio);
  --surface-raised: var(--branco);
  --surface-deep: var(--prussia);
  --on-deep: var(--papel-frio);
  --action: var(--tinta);
  --action-hover: #173B4E;
  --on-action: #FFFFFF;
  --aguada-soft: #E3EAEE;
  --line: #DEE1E4;
  --line-strong: #7D8A93;
  --focus: var(--tinta);
  --success: #2E6B4F;
  --danger: #9B2C2C;
  --canal: var(--tinta);
  --canal-deep: var(--aguada);
  --grade: #183A52;
  --shadow-none: none;
  --shadow-menu: 0 4px 16px rgba(13,34,51,0.12);
}
[data-theme="dark"] {
  --ink: #E8EEF2;
  --ink-muted: #A6B6C2;
  --surface: var(--prussia);
  --surface-raised: #14304A;
  --surface-deep: #081826;
  --on-deep: #E8EEF2;
  --action: #8FB0C4;
  --action-hover: #A9C4D4;
  --on-action: #0D2233;
  --aguada-soft: #1D3A50;
  --line: #1D3A50;
  --line-strong: #5F7F94;
  --focus: #8FB0C4;
  --success: #7CC4A0;
  --danger: #F09A92;
  --canal: #8FB0C4;
  --grade: #12304A;
  --canal-deep: var(--aguada);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-0: 0;
  --radius-1: 2px;
  --radius-2: 4px;
  --font-display: "Libre Baskerville", Georgia, "Times New Roman", serif;
  --font-ui: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", Menlo, Consolas, monospace;
}
.logo { font-family: var(--font-display); font-size: 40px; line-height: 1; font-weight: 400; letter-spacing: 3px; }
.display-xl { font-family: var(--font-display); font-size: 44px; line-height: 52px; font-weight: 400; letter-spacing: -0.5px; }
.display-l { font-family: var(--font-display); font-size: 32px; line-height: 40px; font-weight: 400; }
.display-m { font-family: var(--font-display); font-size: 24px; line-height: 32px; font-weight: 400; }
.body-l { font-family: var(--font-display); font-size: 17px; line-height: 28px; font-weight: 400; }
.body { font-family: var(--font-display); font-size: 15px; line-height: 24px; font-weight: 400; }
.body-s { font-family: var(--font-display); font-size: 13px; line-height: 20px; font-weight: 400; }
.label { font-family: var(--font-ui); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0.6px; }
.rate-l { font-family: var(--font-mono); font-size: 28px; line-height: 32px; font-weight: 400; }
.rate { font-family: var(--font-mono); font-size: 15px; line-height: 20px; font-weight: 400; }
.data { font-family: var(--font-mono); font-size: 13px; line-height: 18px; font-weight: 400; }