/* GENERATED from Tiptree design-system v0.6.0 — DO NOT EDIT. */
:root {
  --tt-brand-black: #1b1b1b;
  --tt-brand-teal-dark: #47696b;
  --tt-brand-teal-light: #638b8d;
  --tt-brand-yellow: #e3e6a6;
  --tt-brand-white: #ffffff;
  --tt-brand-grey: #edede9;
  --tt-brand-grey-medium: #adada8;
  --tt-stone-000: #ffffff;
  --tt-stone-050: #fcfcfb;
  --tt-stone-100: #f8f8f6;
  --tt-stone-150: #f1f1ec;
  --tt-stone-200: var(--tt-brand-grey);
  --tt-stone-250: #e6e6e0;
  --tt-stone-300: #dcdcd4;
  --tt-stone-350: #cfcfc6;
  --tt-stone-400: #bebeb3;
  --tt-stone-450: #a6a69b;
  --tt-stone-500: #909088;
  --tt-stone-550: #7e7c73;
  --tt-stone-600: #6f6f67;
  --tt-stone-650: #5c5c55;
  --tt-stone-700: #4d4d47;
  --tt-stone-750: #3b3b38;
  --tt-stone-800: #33332f;
  --tt-stone-850: #282826;
  --tt-stone-875: #222220;
  --tt-stone-900: #1b1b1a;
  --tt-stone-950: #161615;
  --tt-stone-1000: #10100f;
  --tt-stone-1050: #0d0d0c;
  --tt-teal-100: #e4eeee;
  --tt-teal-200: #c8dcdc;
  --tt-teal-300: #a3c3c4;
  --tt-teal-400: #82a7a9;
  --tt-teal-500: var(--tt-brand-teal-light);
  --tt-teal-550: #3c8286;
  --tt-teal-600: var(--tt-brand-teal-dark);
  --tt-teal-650: #346f72;
  --tt-teal-700: #3a5759;
  --tt-teal-800: #2d4345;
  --tt-teal-900: #1f3031;
  --tt-citron-100: #f4f5db;
  --tt-citron-200: var(--tt-brand-yellow);
  --tt-citron-300: #cfd478;
  --tt-citron-400: #b7be54;
  --tt-citron-500: #9ba23c;
  --tt-citron-600: #7d842e;
  --tt-citron-700: #616724;
  --tt-citron-800: #474b1b;
  --tt-citron-900: #2f3212;
  --tt-color-red: #eb5757;
  --tt-color-green: #27a644;
  --tt-color-orange: #fc7840;
  --tt-color-yellow: #f0bf00;
  --tt-color-blue: #0a84ff;
  --tt-font-sans: 'Inter', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --tt-font-serif: 'Literata', Georgia, serif;
  --tt-font-mono: ui-monospace, 'SF Mono', Menlo, monospace;
  --tt-font-code: 'Google Sans Code', ui-monospace, sfmono-regular, 'SF Mono', menlo, monaco, consolas, monospace;
  --tt-font-weight-light: 300;
  --tt-font-weight-normal: 400;
  --tt-font-weight-medium: 510;
  --tt-font-weight-semibold: 590;
  --tt-font-weight-bold: 680;
  --tt-font-size-large: 1.0625rem;
  --tt-font-line-height-large: 1.6;
  --tt-font-letter-spacing-large: 0;
  --tt-font-size-regular: 0.9375rem;
  --tt-font-line-height-regular: 1.5;
  --tt-font-letter-spacing-regular: -0.011em;
  --tt-font-size-small: 0.875rem;
  --tt-font-line-height-small: 1.5;
  --tt-font-letter-spacing-small: -0.013em;
  --tt-font-size-mini: 0.8125rem;
  --tt-font-line-height-mini: 1.5;
  --tt-font-letter-spacing-mini: -0.01em;
  --tt-font-size-micro: 0.75rem;
  --tt-font-line-height-micro: 1.4;
  --tt-font-letter-spacing-micro: 0;
  --tt-font-size-tiny: 0.625rem;
  --tt-font-line-height-tiny: 1.5;
  --tt-font-letter-spacing-tiny: -0.015em;
  --tt-font-heading-display-size: 3.25rem;
  --tt-font-heading-display-line-height: 1.05;
  --tt-font-heading-display-letter-spacing: -0.022em;
  --tt-font-heading-display-weight: 300;
  --tt-font-heading-page-family: var(--tt-font-serif);
  --tt-font-heading-page-size: 2.5rem;
  --tt-font-heading-page-line-height: 1.2;
  --tt-font-heading-page-letter-spacing: -0.02em;
  --tt-font-heading-page-weight: 300;
  --tt-font-heading-section-family: var(--tt-font-serif);
  --tt-font-heading-section-size: 1.375rem;
  --tt-font-heading-section-line-height: 1.33;
  --tt-font-heading-section-letter-spacing: -0.01em;
  --tt-font-heading-section-weight: 400;
  --tt-font-heading-sub-family: var(--tt-font-sans);
  --tt-font-heading-sub-size: 1.0625rem;
  --tt-font-heading-sub-line-height: 1.4;
  --tt-font-heading-sub-letter-spacing: -0.012em;
  --tt-font-heading-sub-weight: 500;
  --tt-radius-4: 4px;
  --tt-radius-6: 6px;
  --tt-radius-8: 8px;
  --tt-radius-12: 12px;
  --tt-radius-16: 16px;
  --tt-radius-20: 20px;
  --tt-radius-24: 24px;
  --tt-radius-full: 9999px;
  --tt-control-hero: 56px;
  --tt-control-large: 44px;
  --tt-control-default: 36px;
  --tt-control-small: 28px;
  --tt-speed-quick: 0.1s;
  --tt-speed-regular: 0.25s;
  --tt-ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --tt-ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
  --tt-z-header: 100;
  --tt-z-overlay: 500;
  --tt-z-popover: 600;
  --tt-z-dialog: 700;
  --tt-z-toast: 800;
  --tt-z-tooltip: 1100;
  --tt-focus-ring-width: 2px;
  --tt-focus-ring-offset: 2px;
}