:root {
  --tr-black: #000000;
  --tr-white: #ffffff;
  --tr-red: #e6184f;
  --tr-orange: #f39200;
  --tr-blue: #00a3e5;
  --tr-green: #20a64b;
  --tr-bg: var(--tr-black);
  --tr-bg-alt: var(--tr-white);
  --tr-fg: var(--tr-white);
  --tr-fg-invert: var(--tr-black);
  --tr-muted: rgba(255,255,255,0.60);
  --tr-muted-2: rgba(255,255,255,0.82);
  --tr-muted-invert: rgba(0,0,0,0.60);
  --tr-rule: rgba(255,255,255,0.14);
  --tr-rule-invert: rgba(0,0,0,0.12);
  --tr-rule-strong: rgba(255,255,255,0.28);
  --tr-surface-1: rgba(255,255,255,0.03);
  --tr-surface-2: rgba(255,255,255,0.04);
  --tr-surface-3: rgba(255,255,255,0.06);
  --tr-font-sans: "ES Allianz", "Arial", sans-serif;
  --tr-font-fallback: "Arial", sans-serif;
  --tr-w-extralight: 200;
  --tr-w-light: 300;
  --tr-w-regular: 400;
  --tr-w-book: 500;
  --tr-w-medium: 600;
  --tr-w-bold: 700;
  --tr-w-extrabold: 800;
  --tr-text-xs: 12px;
  --tr-text-sm: 14px;
  --tr-text-base: 16px;
  --tr-text-md: 18px;
  --tr-text-lg: 22px;
  --tr-text-xl: 28px;
  --tr-text-2xl: 36px;
  --tr-text-3xl: 52px;
  --tr-text-4xl: 72px;
  --tr-text-5xl: 104px;
  --tr-text-6xl: 144px;
  --tr-lh-tight: 0.95;
  --tr-lh-snug: 1.08;
  --tr-lh-heading: 1.12;
  --tr-lh-body: 1.45;
  --tr-lh-prose: 1.55;
  --tr-track-tight: -0.02em;
  --tr-track-snug: -0.01em;
  --tr-track-normal: 0em;
  --tr-track-wide: 0.02em;
  --tr-s-0: 0;
  --tr-s-1: 4px;
  --tr-s-2: 8px;
  --tr-s-3: 12px;
  --tr-s-4: 16px;
  --tr-s-5: 24px;
  --tr-s-6: 32px;
  --tr-s-7: 48px;
  --tr-s-8: 64px;
  --tr-s-9: 96px;
  --tr-s-10: 128px;
  --tr-r-0: 0;
  --tr-r-1: 2px;
  --tr-r-2: 4px;
  --tr-r-pill: 999px;
  --tr-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --tr-ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --tr-dur-fast: 120ms;
  --tr-dur-base: 220ms;
  --tr-dur-slow: 420ms;
  --tr-dur-reveal: 640ms;
  --tr-dur-hero: 800ms;
  --tr-grid-cols: 12;
  --tr-grid-gap: 24px;
  --tr-page-pad: 48px;
}
