:root {
  --tp-brand-50: #eff6ff;
  --tp-brand-100: #dbeafe;
  --tp-brand-200: #bfdbfe;
  --tp-brand-500: #1769e8;
  --tp-brand-600: #1557d5;
  --tp-brand-700: #103fa8;
  --tp-navy-950: #06194d;
  --tp-accent-500: #fbbf24;
  --tp-coral-500: #ff5d45;
  --tp-canvas: #f7f9fd;
  --tp-surface: #ffffff;
  --tp-surface-subtle: #f1f5fb;
  --tp-text: #0b1b4c;
  --tp-text-secondary: #52617e;
  --tp-text-muted: #6c7891;
  --tp-border: #dce3ef;
  --tp-success: #15803d;
  --tp-warning: #a16207;
  --tp-danger: #dc2626;
  --tp-info: #1d4ed8;
  --tp-font-ui: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --tp-font-display: "Libre Baskerville", Georgia, serif;
  --tp-space-1: 4px;
  --tp-space-2: 8px;
  --tp-space-3: 12px;
  --tp-space-4: 16px;
  --tp-space-5: 20px;
  --tp-space-6: 24px;
  --tp-space-8: 32px;
  --tp-space-10: 40px;
  --tp-space-12: 48px;
  --tp-radius-sm: 8px;
  --tp-radius-control: 12px;
  --tp-radius-card: 18px;
  --tp-radius-sheet: 28px;
  --tp-radius-pill: 999px;
  --tp-shadow-sm: 0 2px 10px rgba(6, 25, 77, .08);
  --tp-shadow-md: 0 12px 32px rgba(6, 25, 77, .14);
  --tp-shadow-sheet: 0 -12px 40px rgba(6, 25, 77, .18);
  --tp-content-max: 1180px;
  --tp-header-height-desktop: 76px;
  --tp-appbar-height: 64px;
  --tp-bottom-nav-height: 72px;
  --tp-browser-footer-height: 110px;
  --tp-shell-padding-inline: 16px;
  --tp-shell-action-gap: 8px;
  --tp-shell-action-size: 44px;
  --tp-shell-icon-size: 20px;
  --tp-shell-avatar-size: 36px;
  --tp-shell-logo-mobile-width: 96px;
  --tp-shell-logo-mobile-height: 40px;
  --tp-shell-logo-desktop-width: 148px;
  --tp-shell-logo-desktop-height: 52px;
  --tp-bottom-nav-item-height: 58px;
  --tp-bottom-nav-icon-size: 22px;
  --tp-bottom-nav-label-size: 12px;
  --tp-bottom-nav-label-line-height: 16px;
  --tp-bottom-nav-item-gap: 3px;
  --tp-appbar-title-size: 20px;
  --tp-appbar-title-line-height: 24px;
  --tp-z-sticky: 100;
  --tp-z-shell: 200;
  --tp-z-backdrop: 390;
  --tp-z-drawer: 400;
  --tp-z-sheet: 500;
  --tp-z-toast: 700;
}

[data-tp-theme="dark"] {
  --tp-canvas: #09142f;
  --tp-surface: #101e3e;
  --tp-surface-subtle: #182847;
  --tp-text: #f8fafc;
  --tp-text-secondary: #c4cee0;
  --tp-text-muted: #9eabc2;
  --tp-border: #2c3d5f;
  --tp-navy-950: #f8fafc;
}