:root {
  --ttd-color-neutral-0: #ffffff;
  --ttd-color-neutral-50: #f7f9fc;
  --ttd-color-neutral-100: #eef2f6;
  --ttd-color-neutral-200: #dce3ea;
  --ttd-color-neutral-300: #c4cfda;
  --ttd-color-neutral-400: #97a8b8;
  --ttd-color-neutral-500: #66788a;
  --ttd-color-neutral-600: #465867;
  --ttd-color-neutral-700: #2f3d49;
  --ttd-color-neutral-800: #202b34;
  --ttd-color-neutral-900: #121a21;
  --ttd-color-white: #ffffff;
  --ttd-color-primary-50: #eff8ff;
  --ttd-color-primary-100: #ddf1ff;
  --ttd-color-primary-200: #b8e3ff;
  --ttd-color-primary-300: #7bcbff;
  --ttd-color-primary-400: #2b9ef4;
  --ttd-color-primary-500: #087bd5;
  --ttd-color-primary-600: #0564b3;
  --ttd-color-primary-700: #044b8a;
  --ttd-color-primary-800: #063967;
  --ttd-color-primary-900: #052844;
  --ttd-color-accent-50: #fff7ed;
  --ttd-color-accent-100: #ffead5;
  --ttd-color-accent-200: #fed7aa;
  --ttd-color-accent-300: #fdba74;
  --ttd-color-accent-400: #fb923c;
  --ttd-color-accent-500: #f97316;
  --ttd-color-accent-600: #ea580c;
  --ttd-color-accent-700: #c2410c;
  --ttd-color-accent-800: #9a3412;
  --ttd-color-accent-900: #7c2d12;
  --ttd-color-success-100: #dcfce7;
  --ttd-color-success-700: #15803d;
  --ttd-color-warning-100: #fef3c7;
  --ttd-color-warning-700: #a16207;
  --ttd-color-danger-100: #fee2e2;
  --ttd-color-danger-700: #b91c1c;
  --ttd-color-info-100: #e0f2fe;
  --ttd-color-info-700: #0369a1;
  --ttd-font-family-heading: "Barlow Condensed", sans-serif;
  --ttd-font-family-body: Inter, sans-serif;
  --ttd-font-weight-regular: 400;
  --ttd-font-weight-medium: 500;
  --ttd-font-weight-semibold: 600;
  --ttd-font-weight-bold: 700;
  --ttd-font-size-display: 4rem;
  --ttd-font-size-h1: 3rem;
  --ttd-font-size-h2: 2.25rem;
  --ttd-font-size-h3: 1.75rem;
  --ttd-font-size-h4: 1.375rem;
  --ttd-font-size-h5: 1.125rem;
  --ttd-font-size-h6: 1rem;
  --ttd-font-size-body-lg: 1.125rem;
  --ttd-font-size-body: 1rem;
  --ttd-font-size-body-sm: 0.875rem;
  --ttd-font-size-caption: 0.75rem;
  --ttd-line-height-display: 1;
  --ttd-line-height-heading: 1.1;
  --ttd-line-height-body: 1.5;
  --ttd-line-height-caption: 1.35;
  --ttd-letter-spacing-display: -0.02em;
  --ttd-letter-spacing-heading: -0.01em;
  --ttd-letter-spacing-body: 0;
  --ttd-letter-spacing-label: 0.04em;
  --ttd-space-1: 0.25rem;
  --ttd-space-2: 0.5rem;
  --ttd-space-3: 0.75rem;
  --ttd-space-4: 1rem;
  --ttd-space-5: 1.25rem;
  --ttd-space-6: 1.5rem;
  --ttd-space-7: 1.75rem;
  --ttd-space-8: 2rem;
  --ttd-space-9: 2.25rem;
  --ttd-space-10: 2.5rem;
  --ttd-space-11: 2.75rem;
  --ttd-space-12: 3rem;
  --ttd-space-13: 3.25rem;
  --ttd-space-14: 3.5rem;
  --ttd-space-15: 3.75rem;
  --ttd-space-16: 4rem;
  --ttd-space-17: 4.25rem;
  --ttd-space-18: 4.5rem;
  --ttd-space-19: 4.75rem;
  --ttd-space-20: 5rem;
  --ttd-space-21: 5.25rem;
  --ttd-space-22: 5.5rem;
  --ttd-space-23: 5.75rem;
  --ttd-space-24: 6rem;
  --ttd-radius-2: 2px;
  --ttd-radius-4: 4px;
  --ttd-radius-8: 8px;
  --ttd-radius-16: 16px;
  --ttd-radius-pill: 999px;
  --ttd-shadow-1: 0 1px 3px rgb(18 26 33 / 0.10);
  --ttd-shadow-2: 0 8px 20px rgb(18 26 33 / 0.14);
  --ttd-shadow-3: 0 20px 48px rgb(18 26 33 / 0.20);
  --ttd-button-height-sm: 2rem;
  --ttd-button-height-md: 2.75rem;
  --ttd-button-height-lg: 3.25rem;
  --ttd-control-focus-ring: 0 0 0 3px var(--ttd-color-primary-200);
  --ttd-container-max: 90rem;
  --ttd-grid-gap: var(--ttd-space-6);
  --ttd-card-padding: var(--ttd-space-4);
  --ttd-panel-padding: var(--ttd-space-6);
  --ttd-announcement-height: 2.25rem;
}

/* Breakpoints: 480px, 768px, 1024px, 1280px, 1536px. */