:root { --tt-accent: #F5A623; --tt-surface: #0F264D; --tt-surface-card: #05214E; --tt-border: #3C537E; --tt-text-strong: #FFFFFF; --tt-text-on-accent: #FCFCFD; --tt-text-2xs: 12px; --tt-text-xs: 14px; --tt-text-sm: 16px; --tt-text-md: 18px; --tt-text-lg: 22px; --tt-text-xl: 38px; --tt-text-2xl: 56px; --tt-text-3xl: 66px; --tt-text-4xl: 76px;}.tt-text-2xs { font-size: var(--tt-text-2xs); }.tt-text-xs { font-size: var(--tt-text-xs); }.tt-text-sm { font-size: var(--tt-text-sm); }.tt-text-md { font-size: var(--tt-text-md); }.tt-text-lg { font-size: var(--tt-text-lg); }.tt-text-xl { font-size: var(--tt-text-xl); }.tt-text-2xl { font-size: var(--tt-text-2xl); }.tt-text-3xl { font-size: var(--tt-text-3xl); }.tt-text-4xl { font-size: var(--tt-text-4xl); }