/* Synced from pinned FINAL tokens.json; hand-synced CSS adapter. */
:root {
  --ink: #172a65;
  --inkDeep: #0c1740;
  --paper: #f2f0e8;
  --surface: #fffdf7;
  --lime: #d7f56d;
  --green: #377545;
  --greenDeep: #245a35;
  --greenPale: #e8f5d7;
  --periwinkle: #a7b9f6;
  --periwinklePale: #e9edfc;
  --periwinkleText: #3f57a6;
  --periwinkleDeep: #536db9;
  --orange: #d57542;
  --orangeText: #a9512a;
  --orangeDeep: #8f4222;
  --orangePale: #fce5d7;
  --line: #c9cde0;
  --muted: #5d6a96;
  --danger: #b44238;
  --textSecondary: #3d4a76;
  --onNavyBody: #d9def0;
  --onNavyCaption: #b9c1de;
  --onNavyLabel: #96a4cb;
  --navyGlow: #2b418b;
  --white: #ffffff;
  --divider: #e3e5ef;
  --dividerPage: #e3e1d8;
  --fieldBorder: #c5cadc;
  --fieldBg: #fbfbf7;
  --checkBorder: #8a93b5;
  --selectedBg: #f7fcef;
  --barTrack: #eceef6;
  --resultTop: #f3ffd9;
  --resultBottom: #e2f2c6;
  --resultBorder: #a3c26e;
  --dangerPale: #fee9e5;
  --dangerBorder: #e2a59d;
  --orangeBorder: #efc3a8;
  --greenBorder: #b9dba0;
  --periwinkleBorder: #c4cff3;
  --space-2: 2px;
  --space-3: 3px;
  --space-4: 4px;
  --space-6: 6px;
  --space-7: 7px;
  --space-8: 8px;
  --space-9: 9px;
  --space-10: 10px;
  --space-11: 11px;
  --space-12: 12px;
  --space-13: 13px;
  --space-14: 14px;
  --space-16: 16px;
  --space-18: 18px;
  --space-20: 20px;
  --space-22: 22px;
  --space-24: 24px;
  --space-26: 26px;
  --space-28: 28px;
  --space-30: 30px;
  --space-32: 32px;
  --space-40: 40px;
  --space-44: 44px;
  --space-48: 48px;
  --space-56: 56px;
  --space-64: 64px;
  --space-72: 72px;
  --space-88: 88px;
  --space-104: 104px;
  --size-touchMin: 44px;
  --size-button: 52px;
  --size-buttonSmall: 44px;
  --size-buttonSettings: 40px;
  --size-buttonSecondaryCheck: 48px;
  --size-topBar: 62px;
  --size-tabBar: 84px;
  --size-iconBadge: 44px;
  --size-iconBadgeSmall: 40px;
  --size-iconGlyph: 22px;
  --size-iconGlyphSmall: 15px;
  --size-cardMin: 72px;
  --size-cardMinMind: 62px;
  --size-cardMinType: 64px;
  --size-fieldInput: 46px;
  --size-fieldName: 58px;
  --size-fieldAmount: 40px;
  --size-toggleBox: 28px;
  --size-signButton: 40px;
  --size-settingsRow: 52px;
  --size-meter: 9px;
  --size-barTrack: 16px;
  --size-barMarkerWidth: 3px;
  --size-barMarkerOverhang: 4px;
  --size-numeral: 34px;
  --size-ringMain: 306px;
  --size-storeButton: 54px;
  --radius-xs: 5px;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-field: 12px;
  --radius-stat: 13px;
  --radius-button: 14px;
  --radius-lg: 16px;
  --radius-step: 18px;
  --radius-card: 19px;
  --radius-panel: 22px;
  --radius-result: 24px;
  --radius-landingCard: 26px;
  --radius-landingBig: 28px;
  --radius-heroPanel: 36px;
  --radius-pill: 999px;
  --radius-circle: 50%;
  --border-hairline: 1px;
  --border-button2: 1.5px;
  --border-selected: 2px;
  --border-priceCard: 2px;
  --border-trustRule: 2px;
  --border-focusWidth: 3px;
  --border-focusOffset: 3px;
  --border-focusOffsetField: 2px;
  --font-sans: -apple-system, "SF Pro Display", "Helvetica Neue", sans-serif;
  --font-mono: "SF Mono", ui-monospace, Menlo, monospace;
  --result-gradient: linear-gradient(165deg, var(--resultTop), var(--resultBottom));
  --hero-gradient: radial-gradient(circle at 75% 20%, var(--navyGlow), var(--ink) 70%);
  --highlight: linear-gradient(180deg, transparent 60%, var(--lime) 60%, var(--lime) 94%, transparent 94%);
  --control-duration: 200ms; --press-duration: 100ms; --number-duration: 400ms;
  --shadow-hard: 4px 4px 0 var(--orange);
  --shadow-result: 0 30px 60px -28px rgba(12,23,64,.55);
  --shadow-whatif: 0 24px 50px -20px rgba(12,23,64,.6);
  --shadow-band: 0 24px 60px -32px rgba(23,42,101,.45);
}