/* GENERATED by scripts/landing-assets.mjs — do not edit by hand.
   Mirror of design-system/tokens/tokens.css, which is itself generated from Figma.
   Run `node scripts/landing-assets.mjs` after any token change. */

/* Neto design tokens — generated from Figma. Do not edit by hand.
   Source: https://www.figma.com/design/Q2R72oH6MYxYr1VKAe5nOx/Neto
   Layers: Primitives -> Semantic -> Component. Only Semantic is for general design work. */

:root, [data-theme="light"] {
  --fg-default: #0f172a;
  --bg-surface-sunken: #cbd5e1;
  --bg-surface-inverse: #0f172a;
  --bg-surface-subtle: #fdfefe;
  --bg-surface-default: #f1f5f9;
  --bg-surface-chrome: #e2e8f0;
  --bg-surface-canvas: #f8fafc;
  --bg-hover: #e2e8f0;
  --bg-active: #cbd5e1;
  --bg-selected: rgba(6,182,212,0.1);
  --bg-disabled: #e2e8f0;
  --bg-success-subtle: #d1fae5;
  --fg-success: #059669;
  --bg-warning-subtle: #fef3c7;
  --fg-warning: #d97706;
  --bg-danger-subtle: #fee2e2;
  --fg-danger: #dc2626;
  --bg-info-subtle: #e0f2fe;
  --fg-info: #0284c7;
  --bg-neutral-subtle: #e2e8f0;
  --fg-neutral: #475569;
  --fg-income: #1d4ed8;
  --bg-income-subtle: #eff6ff;
  --fg-income-strong: #1e3a8a;
  --fg-expense: #ef4444;
  --bg-expense-subtle: #fef2f2;
  --fg-expense-strong: #b91c1c;
  --fg-provision: #059669;
  --bg-provision-subtle: #ecfdf5;
  --fg-provision-strong: #047857;
  --bg-tax: #fbbf24;
  --fg-tax: #b45309;
  --bg-tax-subtle: #fffbeb;
  --bg-net: #0e7490;
  --bg-net-subtle: rgba(6,182,212,0.1);
  --fg-net: #0e7490;
  --category-home-accent: #0d9488;
  --category-home-surface: #f0fdfa;
  --category-food-accent: #ea580c;
  --category-food-surface: #fff7ed;
  --category-recreation-accent: #4f46e5;
  --category-recreation-surface: #eef2ff;
  --category-bank-accent: #2563eb;
  --category-bank-surface: #eff6ff;
  --category-health-accent: #e11d48;
  --category-health-surface: #fff1f2;
  --category-transit-accent: #a16207;
  --category-transit-surface: #fefce8;
  --category-work-accent: #0284c7;
  --category-work-surface: #f0f9ff;
  --category-family-accent: #db2777;
  --category-family-surface: #fdf2f8;
  --category-insurance-accent: #4d7c0f;
  --category-insurance-surface: #f7fee7;
  --category-travel-accent: #7c3aed;
  --category-travel-surface: #f5f3ff;
  --category-connectivity-accent: #4b5563;
  --category-connectivity-surface: #f9fafb;
  --category-tax-accent: #d97706;
  --category-tax-surface: #fffbeb;
  --category-savings-accent: #059669;
  --category-savings-surface: #ecfdf5;
  --category-shopping-accent: #9333ea;
  --category-shopping-surface: #faf5ff;
  --category-other-accent: #64748b;
  --category-other-surface: #e2e8f0;
  --border-default: #e2e8f0;
  --border-brand-alpha-50: rgba(6,182,212,0.5);
  --border-strong: #64748b;
  --shadow-focus-inner: #0e7490;
  --shadow-focus-outer: #fdfefe;
  --border-neutral-alpha-10: rgba(100,116,139,0.1);
  --bg-account: #e2e8f0;
  --fg-account: #475569;
  --bg-brand: #0e7490;
  --bg-brand-alpha-20: rgba(6,182,212,0.2);
  --fg-on-brand: #ffffff;
  --fg-on-subtle: #1e293b;
  --bg-live: #10b981;
  --bg-live-ring: rgba(16,185,129,0.2);
  --fg-danger-strong: #b91c1c;
  --bg-danger-subtlest: #fef2f2;
  --fg-danger-strongest: #991b1b;
  --fg-subtle: #334155;
  --fg-placeholder: #64748b;
  --fg-on-inverse: #f8fafc;
  --bg-scrim: rgba(0,0,0,0.4);
  --bg-neutral-alpha-10: rgba(0,0,0,0.1);
  --bg-neutral-alpha-20: rgba(0,0,0,0.2);
  --bg-brand-alpha-10: rgba(6,182,212,0.1);
  --account-purple-accent: #9333ea;
  --account-sky-accent: #0284c7;
  --account-emerald-accent: #059669;
  --account-lime-accent: #4d7c0f;
  --account-amber-accent: #b45309;
  --account-pink-accent: #db2777;
  --shadow-key: rgba(15,23,42,0.2);
  --shadow-ambient: rgba(15,23,42,0.1);
  --bg-raised: #fafbfd;
  --bg-anchored: #fcfdfe;
  --bg-floating: #fdfefe;
  --bg-overlay: #ffffff;
  --border-emphasis: #cbd5e1;
  --fg-on-solid: #ffffff;
  --border-brand-strong: #0e7490;
  --bg-expense: #ef4444;
  --bg-provision: #059669;
  --bg-income: #2563eb;
  --fg-disabled: #94a3b8;
  --bg-divider: #e2e8f0;
  --account-blue-accent: #2563eb;
  --account-green-accent: #15803d;
  --account-indigo-accent: #4f46e5;
  --account-orange-accent: #ea580c;
  --account-rose-accent: #e11d48;
  --account-teal-accent: #0d9488;
  --account-purple-surface: #faf5ff;
  --account-sky-surface: #f0f9ff;
  --account-emerald-surface: #ecfdf5;
  --account-lime-surface: #f7fee7;
  --account-amber-surface: #fffbeb;
  --account-pink-surface: #fdf2f8;
  --account-blue-surface: #eff6ff;
  --account-green-surface: #f0fdf4;
  --account-indigo-surface: #eef2ff;
  --account-orange-surface: #fff7ed;
  --account-rose-surface: #fff1f2;
  --account-teal-surface: #f0fdfa;
  --currency-usd-surface: #ecfeff;
  --currency-usd-foreground: #0e7490;
  --currency-cop-surface: #ecfdf5;
  --currency-cop-foreground: #047857;
  --fg-on-inverse-subtle: rgba(255,255,255,0.7);
  --border-on-inverse: rgba(255,255,255,0.2);
  --fg-brand: #0e7490;
  --chart-average: rgba(0,0,0,0.3);
  --chart-empty: rgba(0,0,0,0.05);
  --chart-grid: rgba(0,0,0,0.05);
  --chart-highlight: rgba(0,0,0,0.05);
  --fg-warning-strong: #b45309;
  --marketing-panel-background: #0f172a;
  --marketing-panel-foreground: #f8fafc;
  --marketing-panel-foreground-subtle: #94a3b8;
  --marketing-accent-wash: #cffafe;
  --marketing-accent-glow: rgba(6,182,212,0.3);
  --marketing-accent-line: rgba(6,182,212,0.2);
  --marketing-accent-on-panel: #22d3ee;
  --action-chip-selected-background: rgba(6,182,212,0.1);
  --action-chip-selected-foreground: #0e7490;
  --action-chip-selected-border: #06b6d4;
  --badge-neutral-border: #cbd5e1;
  --badge-neutral-background: #fdfefe;
  --badge-neutral-foreground: #334155;
  --badge-accent-background: #fdfefe;
  --badge-accent-foreground: #1e293b;
  --badge-success-background: #ecfdf5;
  --badge-success-foreground: #047857;
  --badge-info-background: #eff6ff;
  --badge-info-foreground: #1e3a8a;
  --badge-warning-border: #fdba74;
  --badge-danger-border: #fca5a5;
  --badge-accent-border: #64748b;
  --notification-primary-background: #0e7490;
  --notification-primary-foreground: #ffffff;
  --badge-success-border: #6ee7b7;
  --badge-info-border: #67e8f9;
  --badge-warning-background: #fffbeb;
  --badge-warning-foreground: #b45309;
  --badge-danger-background: #fef2f2;
  --badge-danger-foreground: #b91c1c;
  --button-filled-background-default: #0e7490;
  --button-filled-foreground: #ffffff;
  --button-filled-background-hover: #155e75;
  --button-outline-border: #64748b;
  --button-outline-foreground: #1e293b;
  --button-outline-background-hover: rgba(100,116,139,0.1);
  --button-ghost-foreground: #334155;
  --button-ghost-background-hover: rgba(100,116,139,0.1);
  --button-danger-filled-background-hover: #b91c1c;
  --button-danger-filled-foreground: #ffffff;
  --button-danger-filled-background: #dc2626;
  --button-danger-border: #dc2626;
  --button-danger-background-hover: rgba(239,68,68,0.1);
  --button-danger-foreground: #b91c1c;
  --notification-secondary-background: #fdfefe;
  --notification-secondary-foreground: #334155;
  --avatar-background: #f1f5f9;
  --avatar-foreground: #334155;
  --avatar-border: #e2e8f0;
  --nav-background: #ffffff;
  --sidebar-surface: #ffffff;
  --sidebar-item-foreground: #0f172a;
  --sidebar-item-foreground-selected: #ffffff;
  --sidebar-item-background-selected: #0e7490;
  --sidebar-item-background-hover: rgba(100,116,139,0.1);
  --sidebar-accent: #f1f5f9;
  --sidebar-accent-foreground: #0f172a;
  --sidebar-border: #e2e8f0;
  --sidebar-ring: #0891b2;
  --input-color-background: #ffffff;
  --input-color-foreground: #0f172a;
  --input-color-placeholder: #94a3b8;
  --input-color-border-default: #cbd5e1;
  --input-color-border-hover: #020617;
  --input-color-border-error: #ef4444;
  --input-color-border-disabled: #e2e8f0;
  --input-color-ring: #020617;
  --input-color-ring-error: #ef4444;
  --input-color-icon: #64748b;
  --input-color-label: #334155;
  --input-color-option-hover: #f1f5f9;
  --input-color-option-selected: #f1f5f9;
  --input-color-option-foreground: #0f172a;
  --fav-default-background: #f8fafc;
  --fav-default-foreground: #94a3b8;
  --fav-selected-background: #fffbeb;
  --fav-selected-foreground: #b45309;
  --switch-track-on: #0e7490;
  --switch-track-off: rgba(0,0,0,0.2);
  --switch-thumb: #ffffff;
  --breadcrumb-item-foreground: #64748b;
  --breadcrumb-item-foreground-hover: #0f172a;
  --breadcrumb-current-foreground: #0f172a;
  --breadcrumb-separator-foreground: #94a3b8;
  --breadcrumb-focus-ring: #0891b2;
  --breadcrumb-item-background-hover: rgba(100,116,139,0.1);
  --account-chart-series-balance-stroke: #0e7490;
  --account-chart-series-balance-fill-from: rgba(6,182,212,0.5);
  --account-chart-series-balance-fill-to: rgba(6,182,212,0);
  --account-chart-series-debt-stroke: #e11d48;
  --account-chart-series-debt-fill-from: rgba(244,63,94,0.5);
  --account-chart-series-debt-fill-to: rgba(244,63,94,0);
  --account-chart-axis-foreground: #64748b;
  --account-chart-marker-line: #64748b;
  --calendar-day-foreground-default: #0f172a;
  --calendar-day-foreground-outside: #334155;
  --calendar-day-foreground-selected: #ffffff;
  --calendar-day-foreground-disabled: #94a3b8;
  --calendar-day-background-selected: #0e7490;
  --calendar-day-background-hover: rgba(0,0,0,0.1);
  --calendar-day-background-today: rgba(6,182,212,0.3);
  --calendar-day-border-focus: #0e7490;
  --calendar-weekday-foreground: #334155;
  --calendar-day-border-today: #0e7490;
  --logo-mark: #22d3ee;
  --logo-bg: #083344;
  --button-bg-focus-ring: rgba(255,255,255,0.01);
  --spinner-track-on-solid: rgba(255,255,255,0.2);
  --spinner-head-on-solid: #ffffff;
  --spinner-track-default: rgba(0,0,0,0.2);
  --spinner-head-default: #0f172a;
  --action-chip-default-border: #cbd5e1;
  --action-chip-default-foreground: #334155;
  --action-chip-hover-border: #64748b;
  --action-chip-hover-foreground: #1e293b;
  --action-chip-disabled-border: #cbd5e1;
  --action-chip-disabled-foreground: #334155;
  --readout-swatch-tax: #b45309;
  --readout-swatch-expense: #ef4444;
  --readout-swatch-net: #0891b2;
  --readout-swatch-provision: #059669;
  --readout-swatch-income: #3b82f6;
  --readout-swatch-balance: #0891b2;
  --readout-swatch-debt: #e11d48;
  --progress-track: #e2e8f0;
  --account-summary-card-meta-chip-border: #cbd5e1;
  --spacing-0: 0px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-6: 6px;
  --spacing-8: 8px;
  --spacing-10: 10px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-28: 28px;
  --spacing-32: 32px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --radius-none: 0px;
  --radius-2: 2px;
  --radius-4: 4px;
  --radius-6: 6px;
  --radius-8: 8px;
  --radius-10: 10px;
  --radius-12: 12px;
  --radius-16: 16px;
  --border-width-default: 1px;
  --border-width-strong: 2px;
  --border-width-strongest: 4px;
  --border-width-focus-default: 3px;
  --border-width-focus-outside: 4px;
  --icon-size-sm: 12px;
  --icon-size-md: 16px;
  --icon-size-lg: 20px;
  --icon-size-xl: 24px;
  --spacing-40: 40px;
  --radius-full: 9999px;
  --elevation-raised-ambient-blur: 3px;
  --elevation-raised-ambient-spread: 0px;
  --elevation-raised-ambient-offset-y: 1px;
  --elevation-raised-key-blur: 2px;
  --elevation-raised-key-spread: 0px;
  --elevation-raised-key-offset-y: 1px;
  --elevation-menu-ambient-blur: 8px;
  --elevation-menu-ambient-spread: -2px;
  --elevation-menu-ambient-offset-y: 4px;
  --elevation-menu-key-blur: 4px;
  --elevation-menu-key-spread: -1px;
  --elevation-menu-key-offset-y: 2px;
  --elevation-floating-ambient-blur: 20px;
  --elevation-floating-ambient-spread: -4px;
  --elevation-floating-ambient-offset-y: 10px;
  --elevation-floating-key-blur: 6px;
  --elevation-floating-key-spread: -2px;
  --elevation-floating-key-offset-y: 4px;
  --elevation-overlay-ambient-blur: 48px;
  --elevation-overlay-ambient-spread: -12px;
  --elevation-overlay-ambient-offset-y: 24px;
  --elevation-overlay-key-blur: 12px;
  --elevation-overlay-key-spread: -4px;
  --elevation-overlay-key-offset-y: 8px;
  --size-0: 0px;
  --size-2: 2px;
  --size-4: 4px;
  --size-6: 6px;
  --size-8: 8px;
  --size-10: 10px;
  --size-12: 12px;
  --size-16: 16px;
  --size-20: 20px;
  --size-24: 24px;
  --size-28: 28px;
  --size-32: 32px;
  --size-40: 40px;
  --size-48: 48px;
  --size-64: 64px;
  --chart-dim-label: 0.75px;
  --chart-dim-swatch: 0.3px;
  --spacing-96: 96px;
  --spacing-128: 128px;
  --spacing-160: 160px;
  --blur-sm: 8px;
  --blur-md: 20px;
  --blur-lg: 48px;
  --blur-xl: 96px;
  --badge-size: 20px;
  --button-size-sm-padding-x: 8px;
  --button-size-sm-padding-y: 4px;
  --button-size-sm-gap: 4px;
  --button-size-sm-height: 24px;
  --button-size-md-padding-x: 10px;
  --button-size-md-padding-y: 4px;
  --button-size-md-gap: 6px;
  --button-size-md-height: 28px;
  --button-size-lg-padding-x: 14px;
  --button-size-lg-padding-y: 8px;
  --button-size-lg-gap: 8px;
  --button-size-lg-height: 36px;
  --button-size-xl-padding-x: 18px;
  --button-size-xl-padding-y: 12px;
  --button-size-xl-gap: 8px;
  --button-size-xl-height: 44px;
  --button-icon-size-sm-size: 24px;
  --button-icon-size-md-size: 28px;
  --button-icon-size-lg-size: 36px;
  --button-icon-size-xl-size: 44px;
  --avatar-size-sm: 32px;
  --avatar-size-md: 40px;
  --avatar-size-lg: 48px;
  --avatar-size-xl: 56px;
  --avatar-radius: 9999px;
  --avatar-font-size-sm: 12px;
  --avatar-font-size-md: 14px;
  --avatar-font-size-lg: 16px;
  --avatar-font-size-xl: 18px;
  --button-icon-size-sm-padding: 6px;
  --button-icon-size-md-padding: 8px;
  --button-icon-size-lg-padding: 10px;
  --button-icon-size-xl-padding: 12px;
  --sidebar-item-size-height: 40px;
  --input-size-sm-height: 32px;
  --input-size-md-height: 40px;
  --input-size-lg-height: 48px;
  --input-size-sm-padding-x: 12px;
  --input-size-md-padding-x: 12px;
  --input-size-lg-padding-x: 14px;
  --input-size-sm-padding-y: 4px;
  --input-size-md-padding-y: 8px;
  --input-size-lg-padding-y: 12px;
  --input-size-sm-gap: 6px;
  --input-size-md-gap: 8px;
  --input-size-lg-gap: 8px;
  --input-radius: 8px;
  --input-menu-padding-y: 4px;
  --input-menu-item-height: 32px;
  --input-menu-item-padding-x: 8px;
  --button-text-sm-size: 10px;
  --button-text-md-size: 12px;
  --button-text-lg-size: 14px;
  --button-text-xl-size: 16px;
  --input-text-sm-size: 12px;
  --input-text-md-size: 14px;
  --input-text-lg-size: 16px;
  --input-menu-radius: 8px;
  --breadcrumb-gap: 4px;
  --breadcrumb-item-gap: 4px;
  --breadcrumb-item-padding-x: 4px;
  --breadcrumb-item-padding-y: 2px;
  --breadcrumb-item-radius: 4px;
  --breadcrumb-icon-size: 16px;
  --breadcrumb-height: 24px;
  --breadcrumb-focus-ring-width: 2px;
  --breadcrumb-separator-size: 12px;
  --motion-duration-instant: 100ms;
  --motion-duration-fast: 150ms;
  --motion-duration-moderate: 200ms;
  --motion-duration-slow: 300ms;
  --motion-duration-spin: 1000ms;
  --motion-duration-reveal: 450ms;
  --motion-stagger-base: 50ms;
  --motion-easing-enter: cubic-bezier(0.16, 1, 0.3, 1);
  --motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
  --motion-easing-move: cubic-bezier(0.4, 0, 0.2, 1);
  --motion-easing-spin: linear;

  /* Retired names, still emitted so nothing breaks mid-migration.
     token-drift.mjs lists the ones at zero consumers as RETIRABLE — delete those.

     They are emitted in BOTH theme blocks, and that is not redundancy. A custom property
     whose value is var(--other) is substituted at the element where it is DECLARED, and
     the result inherits already resolved. Declared only here, an alias freezes at the
     light value for any subtree that switches theme lower down — which is exactly what
     these preview pages do (<div data-theme="dark">). The app toggles .dark on <html>,
     the same element, so it never saw this. Every dark preview in this folder was showing
     light-mode text on a dark surface until 2026-09-12. */
  --badge-primary-background: var(--action-chip-selected-background);
  --badge-primary-border: var(--action-chip-selected-border);
  --badge-primary-foreground: var(--action-chip-selected-foreground);
  --border-focus: var(--shadow-focus-inner);
  --border-input: var(--border-default);
  --border-width-hairline: var(--border-width-default);
  --border-width-medium: var(--border-width-strong);
  --border-width-thick: var(--border-width-strongest);
  --category-bank-default: var(--category-bank-accent);
  --category-connectivity-default: var(--category-connectivity-accent);
  --category-family-default: var(--category-family-accent);
  --category-food-default: var(--category-food-accent);
  --category-health-default: var(--category-health-accent);
  --category-home-default: var(--category-home-accent);
  --category-insurance-default: var(--category-insurance-accent);
  --category-other-default: var(--category-other-accent);
  --category-recreation-default: var(--category-recreation-accent);
  --category-savings-default: var(--category-savings-accent);
  --category-shopping-default: var(--category-shopping-accent);
  --category-tax-default: var(--category-tax-accent);
  --category-transit-default: var(--category-transit-accent);
  --category-travel-default: var(--category-travel-accent);
  --category-work-default: var(--category-work-accent);
  --foreground-default: var(--fg-default);
  --foreground-on-card: var(--fg-default);
  --foreground-on-inverse: var(--fg-on-inverse);
  --foreground-on-popover: var(--fg-default);
  --foreground-placeholder: var(--fg-placeholder);
  --foreground-subtle: var(--fg-subtle);
  --input-color-border-focus: var(--input-color-ring);
  --interactive-accent: var(--bg-surface-subtle);
  --interactive-accent-foreground: var(--fg-on-subtle);
  --interactive-primary: var(--bg-brand);
  --interactive-primary-foreground: var(--fg-on-brand);
  --interactive-secondary: var(--bg-surface-subtle);
  --interactive-secondary-foreground: var(--fg-on-subtle);
  --kpi-expense-default: var(--fg-expense);
  --kpi-expense-foreground: var(--fg-expense-strong);
  --kpi-expense-surface: var(--bg-expense-subtle);
  --kpi-income-default: var(--fg-income);
  --kpi-income-foreground: var(--fg-income-strong);
  --kpi-income-surface: var(--bg-income-subtle);
  --kpi-net-default: var(--bg-net);
  --kpi-net-foreground: var(--fg-net);
  --kpi-net-surface: var(--bg-net-subtle);
  --kpi-provision-default: var(--fg-provision);
  --kpi-provision-foreground: var(--fg-provision-strong);
  --kpi-provision-surface: var(--bg-provision-subtle);
  --kpi-tax-default: var(--bg-tax);
  --kpi-tax-foreground: var(--fg-tax);
  --kpi-tax-surface: var(--bg-tax-subtle);
  --padding-lg: var(--spacing-20);
  --padding-md: var(--spacing-16);
  --padding-sm: var(--spacing-8);
  --padding-xl: var(--spacing-24);
  --padding-xs: var(--spacing-4);
  --radius-2xl: var(--radius-16);
  --radius-lg: var(--radius-8);
  --radius-md: var(--radius-6);
  --radius-sm: var(--radius-4);
  --radius-xl: var(--radius-12);
  --radius-xs: var(--radius-2);
  --size-0: var(--spacing-0);
  --size-16: var(--spacing-16);
  --size-20: var(--spacing-20);
  --size-24: var(--spacing-24);
  --size-32: var(--spacing-32);
  --size-4: var(--spacing-4);
  --size-48: var(--spacing-48);
  --size-64: var(--spacing-64);
  --size-8: var(--spacing-8);
  --size-icon-lg: var(--icon-size-xl);
  --size-icon-md: var(--icon-size-lg);
  --size-icon-sm: var(--icon-size-md);
  --size-icon-xs: var(--icon-size-sm);
  --spacing-component-lg: var(--spacing-16);
  --spacing-component-md: var(--spacing-12);
  --spacing-component-sm: var(--spacing-8);
  --spacing-component-xl: var(--spacing-20);
  --spacing-component-xs: var(--spacing-4);
  --status-danger-default: var(--fg-danger-strong);
  --status-danger-foreground: var(--fg-danger-strongest);
  --status-danger-surface: var(--bg-danger-subtlest);
  --status-destructive-default: var(--fg-danger-strong);
  --status-destructive-foreground: var(--button-danger-filled-foreground);
  --status-live-default: var(--bg-live);
  --status-live-ring: var(--bg-live-ring);
  --surface-feedback-danger: var(--bg-danger-subtle);
  --surface-feedback-danger-emphasis: var(--fg-danger);
  --surface-feedback-info: var(--bg-info-subtle);
  --surface-feedback-info-emphasis: var(--fg-info);
  --surface-feedback-neutral: var(--bg-neutral-subtle);
  --surface-feedback-neutral-emphasis: var(--fg-neutral);
  --surface-feedback-success: var(--bg-success-subtle);
  --surface-feedback-success-emphasis: var(--fg-success);
  --surface-feedback-warning: var(--bg-warning-subtle);
  --surface-feedback-warning-emphasis: var(--fg-warning);
  --surface-inverse: var(--bg-surface-inverse);
  --surface-popover: var(--bg-anchored);
  --surface-raised: var(--bg-floating);
  --surface-scrim: var(--bg-scrim);
  --surface-status-active: var(--bg-active);
  --surface-status-disabled: var(--bg-disabled);
  --surface-status-hover: var(--bg-hover);
  --surface-status-selected: var(--bg-selected);
  --surface-sunken: var(--bg-surface-sunken);
  --surface-wrap-card: var(--bg-surface-default);
  --surface-wrap-container: var(--bg-surface-chrome);
  --surface-wrap-default: var(--bg-surface-canvas);
  --surface-wrap-subtle: var(--bg-surface-subtle);
  --spinner-track-on-dark: var(--spinner-track-on-solid);
  --spinner-head-on-dark: var(--spinner-head-on-solid);
  --spinner-track-on-light: var(--spinner-track-default);
  --spinner-head-on-light: var(--spinner-head-default);
  --border-subtle: var(--border-emphasis);
  --bg-canvas: var(--bg-surface-canvas);
  --bg-chrome: var(--bg-surface-chrome);
  --bg-inverse: var(--bg-surface-inverse);
  --bg-subtle: var(--bg-surface-subtle);
  --bg-sunken: var(--bg-surface-sunken);
  --bg-surface: var(--bg-surface-default);

  /* QUARANTINE — no Figma source. See token-ledger.json `pending`. Should only shrink. */

}

/* Two dark selectors on purpose: [data-theme] is what the generated previews in this
   folder use; .dark is what the app toggles (src/hooks/useTheme.ts). Keep both.

   There is deliberately NO @media (prefers-color-scheme: dark) block. The app already
   reads the OS preference in JS and then writes an explicit class, so a CSS-level media
   query would outrank the user's own choice: someone on a dark OS who picks "light" in
   the app would get dark tokens under light classes. The toggle is the only authority. */
[data-theme="dark"], .dark {
  --fg-default: #f8fafc;
  --bg-surface-sunken: #020617;
  --bg-surface-inverse: #ffffff;
  --bg-surface-subtle: #1e293b;
  --bg-surface-default: #162032;
  --bg-surface-chrome: #0f172a;
  --bg-surface-canvas: #020617;
  --bg-hover: #334155;
  --bg-active: #475569;
  --bg-selected: rgba(6,182,212,0.2);
  --bg-disabled: #1e293b;
  --bg-success-subtle: #022c22;
  --fg-success: #6ee7b7;
  --bg-warning-subtle: #451a03;
  --fg-warning: #fcd34d;
  --bg-danger-subtle: #450a0a;
  --fg-danger: #f87171;
  --bg-info-subtle: #0c4a6e;
  --fg-info: #7dd3fc;
  --bg-neutral-subtle: #1e293b;
  --fg-neutral: #cbd5e1;
  --fg-income: #93c5fd;
  --bg-income-subtle: #172554;
  --fg-income-strong: #dbeafe;
  --fg-expense: #f87171;
  --bg-expense-subtle: #450a0a;
  --fg-expense-strong: #fca5a5;
  --fg-provision: #34d399;
  --bg-provision-subtle: #022c22;
  --fg-provision-strong: #6ee7b7;
  --bg-tax: #fcd34d;
  --fg-tax: #fcd34d;
  --bg-tax-subtle: #451a03;
  --bg-net: #06b6d4;
  --bg-net-subtle: rgba(6,182,212,0.2);
  --fg-net: #06b6d4;
  --category-home-accent: #5eead4;
  --category-home-surface: #042f2e;
  --category-food-accent: #fdba74;
  --category-food-surface: #431407;
  --category-recreation-accent: #a5b4fc;
  --category-recreation-surface: #1e1b4b;
  --category-bank-accent: #93c5fd;
  --category-bank-surface: #172554;
  --category-health-accent: #fda4af;
  --category-health-surface: #4c0519;
  --category-transit-accent: #fde047;
  --category-transit-surface: #422006;
  --category-work-accent: #7dd3fc;
  --category-work-surface: #082f49;
  --category-family-accent: #f9a8d4;
  --category-family-surface: #500724;
  --category-insurance-accent: #bef264;
  --category-insurance-surface: #1a2e05;
  --category-travel-accent: #c4b5fd;
  --category-travel-surface: #2e1065;
  --category-connectivity-accent: #d1d5db;
  --category-connectivity-surface: #111827;
  --category-tax-accent: #fcd34d;
  --category-tax-surface: #451a03;
  --category-savings-accent: #6ee7b7;
  --category-savings-surface: #022c22;
  --category-shopping-accent: #d8b4fe;
  --category-shopping-surface: #3b0764;
  --category-other-accent: #cbd5e1;
  --category-other-surface: #1e293b;
  --border-default: rgba(255,255,255,0.2);
  --border-brand-alpha-50: rgba(6,182,212,0.2);
  --border-strong: rgba(255,255,255,0.7);
  --shadow-focus-inner: #67e8f9;
  --shadow-focus-outer: #020617;
  --border-neutral-alpha-10: rgba(255,255,255,0.3);
  --bg-account: #334155;
  --fg-account: #cbd5e1;
  --bg-brand: #06b6d4;
  --bg-brand-alpha-20: rgba(6,182,212,0.2);
  --fg-on-brand: #083344;
  --fg-on-subtle: #f1f5f9;
  --bg-live: #34d399;
  --bg-live-ring: rgba(16,185,129,0.3);
  --fg-danger-strong: #fca5a5;
  --bg-danger-subtlest: #450a0a;
  --fg-danger-strongest: #fecaca;
  --fg-subtle: #cbd5e1;
  --fg-placeholder: #94a3b8;
  --fg-on-inverse: #0f172a;
  --bg-scrim: rgba(0,0,0,0.5);
  --bg-neutral-alpha-10: rgba(255,255,255,0.1);
  --bg-neutral-alpha-20: rgba(255,255,255,0.2);
  --bg-brand-alpha-10: rgba(6,182,212,0.2);
  --account-purple-accent: #d8b4fe;
  --account-sky-accent: #7dd3fc;
  --account-emerald-accent: #6ee7b7;
  --account-lime-accent: #bef264;
  --account-amber-accent: #fcd34d;
  --account-pink-accent: #f9a8d4;
  --shadow-key: rgba(0,0,0,0.5);
  --shadow-ambient: rgba(0,0,0,0.3);
  --bg-raised: #283548;
  --bg-anchored: #334155;
  --bg-floating: #3d4b5f;
  --bg-overlay: #475569;
  --border-emphasis: #334155;
  --fg-on-solid: #ffffff;
  --border-brand-strong: #06b6d4;
  --bg-expense: #f87171;
  --bg-provision: #34d399;
  --bg-income: #3b82f6;
  --fg-disabled: #64748b;
  --bg-divider: rgba(255,255,255,0.2);
  --account-blue-accent: #93c5fd;
  --account-green-accent: #86efac;
  --account-indigo-accent: #a5b4fc;
  --account-orange-accent: #fdba74;
  --account-rose-accent: #fda4af;
  --account-teal-accent: #5eead4;
  --account-purple-surface: #3b0764;
  --account-sky-surface: #082f49;
  --account-emerald-surface: #022c22;
  --account-lime-surface: #1a2e05;
  --account-amber-surface: #451a03;
  --account-pink-surface: #500724;
  --account-blue-surface: #172554;
  --account-green-surface: #052e16;
  --account-indigo-surface: #1e1b4b;
  --account-orange-surface: #431407;
  --account-rose-surface: #4c0519;
  --account-teal-surface: #042f2e;
  --currency-usd-surface: #083344;
  --currency-usd-foreground: #67e8f9;
  --currency-cop-surface: #022c22;
  --currency-cop-foreground: #6ee7b7;
  --fg-on-inverse-subtle: #64748b;
  --border-on-inverse: rgba(0,0,0,0.2);
  --fg-brand: #06b6d4;
  --chart-average: rgba(255,255,255,0.3);
  --chart-empty: rgba(255,255,255,0.05);
  --chart-grid: rgba(255,255,255,0.08);
  --chart-highlight: rgba(255,255,255,0.05);
  --fg-warning-strong: #fcd34d;
  --marketing-panel-background: #0f172a;
  --marketing-panel-foreground: #f8fafc;
  --marketing-panel-foreground-subtle: #94a3b8;
  --marketing-accent-wash: #cffafe;
  --marketing-accent-glow: rgba(6,182,212,0.3);
  --marketing-accent-line: rgba(6,182,212,0.2);
  --marketing-accent-on-panel: #22d3ee;
  --action-chip-selected-background: rgba(6,182,212,0.2);
  --action-chip-selected-foreground: #22d3ee;
  --action-chip-selected-border: #164e63;
  --badge-neutral-border: #475569;
  --badge-neutral-background: #1e293b;
  --badge-neutral-foreground: #cbd5e1;
  --badge-accent-background: #1e293b;
  --badge-accent-foreground: #f1f5f9;
  --badge-success-background: #022c22;
  --badge-success-foreground: #6ee7b7;
  --badge-info-background: #172554;
  --badge-info-foreground: #dbeafe;
  --badge-warning-border: #d97706;
  --badge-danger-border: #dc2626;
  --badge-accent-border: #475569;
  --notification-primary-background: #06b6d4;
  --notification-primary-foreground: #083344;
  --badge-success-border: #059669;
  --badge-info-border: #0891b2;
  --badge-warning-background: #451a03;
  --badge-warning-foreground: #fcd34d;
  --badge-danger-background: #450a0a;
  --badge-danger-foreground: #fca5a5;
  --button-filled-background-default: #22d3ee;
  --button-filled-foreground: #083344;
  --button-filled-background-hover: #67e8f9;
  --button-outline-border: #64748b;
  --button-outline-foreground: #f1f5f9;
  --button-outline-background-hover: rgba(100,116,139,0.3);
  --button-ghost-foreground: #cbd5e1;
  --button-ghost-background-hover: rgba(100,116,139,0.3);
  --button-danger-filled-background-hover: #fca5a5;
  --button-danger-filled-foreground: #450a0a;
  --button-danger-filled-background: #f87171;
  --button-danger-border: #dc2626;
  --button-danger-background-hover: rgba(239,68,68,0.3);
  --button-danger-foreground: #fca5a5;
  --notification-secondary-background: #1e293b;
  --notification-secondary-foreground: #cbd5e1;
  --avatar-background: #1e293b;
  --avatar-foreground: #e2e8f0;
  --avatar-border: #334155;
  --nav-background: #0f172a;
  --sidebar-surface: #1e293b;
  --sidebar-item-foreground: #f8fafc;
  --sidebar-item-foreground-selected: #083344;
  --sidebar-item-background-selected: #06b6d4;
  --sidebar-item-background-hover: rgba(100,116,139,0.3);
  --sidebar-accent: #334155;
  --sidebar-accent-foreground: #f1f5f9;
  --sidebar-border: rgba(255,255,255,0.2);
  --sidebar-ring: #06b6d4;
  --input-color-background: #020617;
  --input-color-foreground: #f8fafc;
  --input-color-placeholder: #64748b;
  --input-color-border-default: #334155;
  --input-color-border-hover: #cbd5e1;
  --input-color-border-error: #ef4444;
  --input-color-border-disabled: #1e293b;
  --input-color-ring: #cbd5e1;
  --input-color-ring-error: #f87171;
  --input-color-icon: #94a3b8;
  --input-color-label: #cbd5e1;
  --input-color-option-hover: #1e293b;
  --input-color-option-selected: #1e293b;
  --input-color-option-foreground: #f8fafc;
  --fav-default-background: #0f172a;
  --fav-default-foreground: #64748b;
  --fav-selected-background: #78350f;
  --fav-selected-foreground: #fde68a;
  --switch-track-on: #06b6d4;
  --switch-track-off: rgba(255,255,255,0.3);
  --switch-thumb: #ffffff;
  --breadcrumb-item-foreground: #94a3b8;
  --breadcrumb-item-foreground-hover: #f8fafc;
  --breadcrumb-current-foreground: #f8fafc;
  --breadcrumb-separator-foreground: #64748b;
  --breadcrumb-focus-ring: #06b6d4;
  --breadcrumb-item-background-hover: rgba(100,116,139,0.1);
  --account-chart-series-balance-stroke: #22d3ee;
  --account-chart-series-balance-fill-from: rgba(6,182,212,0.5);
  --account-chart-series-balance-fill-to: rgba(6,182,212,0);
  --account-chart-series-debt-stroke: #fb7185;
  --account-chart-series-debt-fill-from: rgba(244,63,94,0.5);
  --account-chart-series-debt-fill-to: rgba(244,63,94,0);
  --account-chart-axis-foreground: #94a3b8;
  --account-chart-marker-line: rgba(255,255,255,0.7);
  --calendar-day-foreground-default: #f8fafc;
  --calendar-day-foreground-outside: #cbd5e1;
  --calendar-day-foreground-selected: #083344;
  --calendar-day-foreground-disabled: #64748b;
  --calendar-day-background-selected: #06b6d4;
  --calendar-day-background-hover: rgba(255,255,255,0.1);
  --calendar-day-background-today: rgba(6,182,212,0.3);
  --calendar-day-border-focus: #67e8f9;
  --calendar-weekday-foreground: #cbd5e1;
  --calendar-day-border-today: #06b6d4;
  --logo-mark: #22d3ee;
  --logo-bg: #083344;
  --button-bg-focus-ring: rgba(0,0,0,0.01);
  --spinner-track-on-solid: rgba(0,0,0,0.2);
  --spinner-head-on-solid: #0f172a;
  --spinner-track-default: rgba(255,255,255,0.2);
  --spinner-head-default: #f8fafc;
  --action-chip-default-border: #475569;
  --action-chip-default-foreground: #cbd5e1;
  --action-chip-hover-border: #475569;
  --action-chip-hover-foreground: #f1f5f9;
  --action-chip-disabled-border: #475569;
  --action-chip-disabled-foreground: #cbd5e1;
  --readout-swatch-tax: #b45309;
  --readout-swatch-expense: #ef4444;
  --readout-swatch-net: #0891b2;
  --readout-swatch-provision: #059669;
  --readout-swatch-income: #3b82f6;
  --readout-swatch-balance: #0891b2;
  --readout-swatch-debt: #e11d48;
  --progress-track: #334155;
  --account-summary-card-meta-chip-border: #475569;


  /* Los mismos alias, re-declarados aquí: ver la nota del bloque claro. */
  --badge-primary-background: var(--action-chip-selected-background);
  --badge-primary-border: var(--action-chip-selected-border);
  --badge-primary-foreground: var(--action-chip-selected-foreground);
  --border-focus: var(--shadow-focus-inner);
  --border-input: var(--border-default);
  --border-width-hairline: var(--border-width-default);
  --border-width-medium: var(--border-width-strong);
  --border-width-thick: var(--border-width-strongest);
  --category-bank-default: var(--category-bank-accent);
  --category-connectivity-default: var(--category-connectivity-accent);
  --category-family-default: var(--category-family-accent);
  --category-food-default: var(--category-food-accent);
  --category-health-default: var(--category-health-accent);
  --category-home-default: var(--category-home-accent);
  --category-insurance-default: var(--category-insurance-accent);
  --category-other-default: var(--category-other-accent);
  --category-recreation-default: var(--category-recreation-accent);
  --category-savings-default: var(--category-savings-accent);
  --category-shopping-default: var(--category-shopping-accent);
  --category-tax-default: var(--category-tax-accent);
  --category-transit-default: var(--category-transit-accent);
  --category-travel-default: var(--category-travel-accent);
  --category-work-default: var(--category-work-accent);
  --foreground-default: var(--fg-default);
  --foreground-on-card: var(--fg-default);
  --foreground-on-inverse: var(--fg-on-inverse);
  --foreground-on-popover: var(--fg-default);
  --foreground-placeholder: var(--fg-placeholder);
  --foreground-subtle: var(--fg-subtle);
  --input-color-border-focus: var(--input-color-ring);
  --interactive-accent: var(--bg-surface-subtle);
  --interactive-accent-foreground: var(--fg-on-subtle);
  --interactive-primary: var(--bg-brand);
  --interactive-primary-foreground: var(--fg-on-brand);
  --interactive-secondary: var(--bg-surface-subtle);
  --interactive-secondary-foreground: var(--fg-on-subtle);
  --kpi-expense-default: var(--fg-expense);
  --kpi-expense-foreground: var(--fg-expense-strong);
  --kpi-expense-surface: var(--bg-expense-subtle);
  --kpi-income-default: var(--fg-income);
  --kpi-income-foreground: var(--fg-income-strong);
  --kpi-income-surface: var(--bg-income-subtle);
  --kpi-net-default: var(--bg-net);
  --kpi-net-foreground: var(--fg-net);
  --kpi-net-surface: var(--bg-net-subtle);
  --kpi-provision-default: var(--fg-provision);
  --kpi-provision-foreground: var(--fg-provision-strong);
  --kpi-provision-surface: var(--bg-provision-subtle);
  --kpi-tax-default: var(--bg-tax);
  --kpi-tax-foreground: var(--fg-tax);
  --kpi-tax-surface: var(--bg-tax-subtle);
  --padding-lg: var(--spacing-20);
  --padding-md: var(--spacing-16);
  --padding-sm: var(--spacing-8);
  --padding-xl: var(--spacing-24);
  --padding-xs: var(--spacing-4);
  --radius-2xl: var(--radius-16);
  --radius-lg: var(--radius-8);
  --radius-md: var(--radius-6);
  --radius-sm: var(--radius-4);
  --radius-xl: var(--radius-12);
  --radius-xs: var(--radius-2);
  --size-0: var(--spacing-0);
  --size-16: var(--spacing-16);
  --size-20: var(--spacing-20);
  --size-24: var(--spacing-24);
  --size-32: var(--spacing-32);
  --size-4: var(--spacing-4);
  --size-48: var(--spacing-48);
  --size-64: var(--spacing-64);
  --size-8: var(--spacing-8);
  --size-icon-lg: var(--icon-size-xl);
  --size-icon-md: var(--icon-size-lg);
  --size-icon-sm: var(--icon-size-md);
  --size-icon-xs: var(--icon-size-sm);
  --spacing-component-lg: var(--spacing-16);
  --spacing-component-md: var(--spacing-12);
  --spacing-component-sm: var(--spacing-8);
  --spacing-component-xl: var(--spacing-20);
  --spacing-component-xs: var(--spacing-4);
  --status-danger-default: var(--fg-danger-strong);
  --status-danger-foreground: var(--fg-danger-strongest);
  --status-danger-surface: var(--bg-danger-subtlest);
  --status-destructive-default: var(--fg-danger-strong);
  --status-destructive-foreground: var(--button-danger-filled-foreground);
  --status-live-default: var(--bg-live);
  --status-live-ring: var(--bg-live-ring);
  --surface-feedback-danger: var(--bg-danger-subtle);
  --surface-feedback-danger-emphasis: var(--fg-danger);
  --surface-feedback-info: var(--bg-info-subtle);
  --surface-feedback-info-emphasis: var(--fg-info);
  --surface-feedback-neutral: var(--bg-neutral-subtle);
  --surface-feedback-neutral-emphasis: var(--fg-neutral);
  --surface-feedback-success: var(--bg-success-subtle);
  --surface-feedback-success-emphasis: var(--fg-success);
  --surface-feedback-warning: var(--bg-warning-subtle);
  --surface-feedback-warning-emphasis: var(--fg-warning);
  --surface-inverse: var(--bg-surface-inverse);
  --surface-popover: var(--bg-anchored);
  --surface-raised: var(--bg-floating);
  --surface-scrim: var(--bg-scrim);
  --surface-status-active: var(--bg-active);
  --surface-status-disabled: var(--bg-disabled);
  --surface-status-hover: var(--bg-hover);
  --surface-status-selected: var(--bg-selected);
  --surface-sunken: var(--bg-surface-sunken);
  --surface-wrap-card: var(--bg-surface-default);
  --surface-wrap-container: var(--bg-surface-chrome);
  --surface-wrap-default: var(--bg-surface-canvas);
  --surface-wrap-subtle: var(--bg-surface-subtle);
  --spinner-track-on-dark: var(--spinner-track-on-solid);
  --spinner-head-on-dark: var(--spinner-head-on-solid);
  --spinner-track-on-light: var(--spinner-track-default);
  --spinner-head-on-light: var(--spinner-head-default);
  --border-subtle: var(--border-emphasis);
  --bg-canvas: var(--bg-surface-canvas);
  --bg-chrome: var(--bg-surface-chrome);
  --bg-inverse: var(--bg-surface-inverse);
  --bg-subtle: var(--bg-surface-subtle);
  --bg-sunken: var(--bg-surface-sunken);
  --bg-surface: var(--bg-surface-default);
}

/* Text styles — Rethink Sans, tabular by default */
.ts-display-xl { font-family:var(--font-sans);font-weight:700;font-size:72px;line-height:76px;letter-spacing:-1.0px; }
.ts-display-lg { font-family:var(--font-sans);font-weight:700;font-size:60px;line-height:64px;letter-spacing:-1.0px; }
.ts-display-md { font-family:var(--font-sans);font-weight:700;font-size:48px;line-height:52px;letter-spacing:-1.0px; }
.ts-heading-display { font-family:var(--font-sans);font-weight:700;font-size:28px;line-height:36px;letter-spacing:0.5px; }
.ts-heading-section { font-family:var(--font-sans);font-weight:600;font-size:24px;line-height:32px;letter-spacing:-0.25px; }
.ts-heading-subsection { font-family:var(--font-sans);font-weight:600;font-size:20px;line-height:24px;letter-spacing:-0.25px; }
.ts-heading-card { font-family:var(--font-sans);font-weight:600;font-size:18px;line-height:26px;letter-spacing:0.0px; }
.ts-heading-group { font-family:var(--font-sans);font-weight:600;font-size:16px;line-height:20px;letter-spacing:0.0px; }
.ts-body-base { font-family:var(--font-sans);font-weight:400;font-size:16px;line-height:24px;letter-spacing:0.0px; }
.ts-body-base-emphasis { font-family:var(--font-sans);font-weight:500;font-size:16px;line-height:24px;letter-spacing:0.0px; }
.ts-body-small { font-family:var(--font-sans);font-weight:400;font-size:14px;line-height:20px;letter-spacing:0.0px; }
.ts-label-base { font-family:var(--font-sans);font-weight:500;font-size:14px;line-height:16px;letter-spacing:0.5px; }
.ts-amount-micro { font-family:var(--font-sans);font-weight:400;font-size:12px;line-height:16px;letter-spacing:0.0px;font-variant-numeric:tabular-nums; }
.ts-body-small-emphasis { font-family:var(--font-sans);font-weight:500;font-size:14px;line-height:20px;letter-spacing:0.0px; }
.ts-detail-base { font-family:var(--font-sans);font-weight:400;font-size:11px;line-height:16px;letter-spacing:0.0px; }
.ts-detail-emphasis { font-family:var(--font-sans);font-weight:500;font-size:11px;line-height:16px;letter-spacing:0.0px; }
.ts-label-micro { font-family:var(--font-sans);font-weight:600;font-size:10px;line-height:15px;letter-spacing:0.5px; }
.ts-detail-nano { font-family:var(--font-sans);font-weight:500;font-size:10px;line-height:15px;letter-spacing:0.0px; }
.ts-detail-large { font-family:var(--font-sans);font-weight:400;font-size:12px;line-height:18px;letter-spacing:0.0px; }
.ts-detail-large-strong { font-family:var(--font-sans);font-weight:700;font-size:12px;line-height:18px;letter-spacing:0.0px; }
.ts-amount-small { font-family:var(--font-sans);font-weight:600;font-size:14px;line-height:18px;letter-spacing:0.0px;font-variant-numeric:tabular-nums; }
.ts-amount-base { font-family:var(--font-sans);font-weight:600;font-size:16px;line-height:20px;letter-spacing:0.0px;font-variant-numeric:tabular-nums; }
.ts-amount-large { font-family:var(--font-sans);font-weight:600;font-size:22px;line-height:26px;letter-spacing:0.0px;font-variant-numeric:tabular-nums; }
.ts-label-badge { font-family:var(--font-sans);font-weight:500;font-size:11px;line-height:11px;letter-spacing:0.0px;font-variant-numeric:tabular-nums; }
.ts-control-xs { font-family:var(--font-sans);font-weight:500;font-size:10px;line-height:10px;letter-spacing:0.5px; }
.ts-control-sm { font-family:var(--font-sans);font-weight:500;font-size:12px;line-height:12px;letter-spacing:0.5px; }
.ts-control-md { font-family:var(--font-sans);font-weight:500;font-size:14px;line-height:14px;letter-spacing:0.5px; }
.ts-control-lg { font-family:var(--font-sans);font-weight:500;font-size:16px;line-height:16px;letter-spacing:0.5px; }
.ts-control-xl { font-family:var(--font-sans);font-weight:500;font-size:18px;line-height:18px;letter-spacing:0.5px; }
.ts-amount-hero { font-family:var(--font-sans);font-weight:600;font-size:28px;line-height:28px;letter-spacing:0.0px;font-variant-numeric:tabular-nums; }