/* TinyBank — generated from tokens.json */
:root, [data-theme="dark"] {
  --ground: #000000;
  --surface: #0d0d0d;
  --surface-raised: #191919;
  --charcoal: #343434;
  --slate: #5e5e5e;
  --ink: #ffffff;
  --ink-muted: #a3a3a3;
  --on-ink: #000000;
  --line: #ffffff;
  --line-subtle: #343434;
  --positive: #7fb8e6;
  --caution: #f0b357;
  --negative: #ff8f7a;
}
[data-theme="light"] {
  --ground: #ffffff;
  --surface: #f4f4f4;
  --surface-raised: #e8e8e8;
  --charcoal: #343434;
  --slate: #5e5e5e;
  --ink: #000000;
  --ink-muted: #5e5e5e;
  --on-ink: #ffffff;
  --line: #000000;
  --line-subtle: #d4d4d4;
  --positive: #1d5f99;
  --caution: #8a5a00;
  --negative: #b3261e;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 64px;
  --radius-0: 0;
  --radius-xs: 2px;
  --radius-full: 9999px;
  --stroke-hairline: 1px;
  --stroke-focus: 2px;
  --font-sans: "Montserrat", "Helvetica Neue", Arial, sans-serif;
}
.display { font-family: var(--font-sans); font-size: 48px; line-height: 56px; font-weight: 400; letter-spacing: 0.4em; }
.headline { font-family: var(--font-sans); font-size: 30px; line-height: 40px; font-weight: 400; letter-spacing: 0.32em; }
.tagline { font-family: var(--font-sans); font-size: 13px; line-height: 20px; font-weight: 500; letter-spacing: 0.3em; }
.figure { font-family: var(--font-sans); font-size: 36px; line-height: 44px; font-weight: 300; letter-spacing: 0.02em; }
.title { font-family: var(--font-sans); font-size: 20px; line-height: 28px; font-weight: 600; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 26px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.14em; }