:root {
  /* ТачФинанс — токены из брендбука (Брендбук ТАЧФИНАНС, ред. 30.10.2026) */
  --tf-purple-50: #F7F4FB;
  --tf-purple-100: #EDE5F4;
  --tf-purple-200: #D7C6E8;
  --tf-purple-300: #BA9CD7;
  --tf-purple-400: #9366C1;
  --tf-purple-500: #6524A6;
  --tf-purple-600: #5A2094;
  --tf-purple-700: #4E1C82;
  --tf-purple-800: #43176F;
  --tf-purple-900: #38135D;
  --tf-purple-950: #2C0F4B;
  --tf-purple: #6524A6;
  --tf-purple-mid: #924EC9;
  --tf-lavender: #DABDF2;
  --tf-yellow: #FBBA05;
  --tf-gradient-purple: linear-gradient(180deg, #AF5ACC 0%, #7820BF 50%, #6111B0 100%);
  --tf-text: #1B1032;
  --tf-muted: #5B5170;
  --tf-bg: #F8F6FB;
  --tf-border: #E3DCEC;
  --tf-font-heading: 'Montserrat', 'Nunito', system-ui, sans-serif;
  --tf-font-text: 'Montserrat', 'Nunito', system-ui, sans-serif;
  --tf-font-extra: 'Nunito', 'Montserrat', system-ui, sans-serif;
}
@font-face { font-family: 'Montserrat'; font-weight: 300; font-style: normal; font-display: swap; src: url('/branding/fonts/Montserrat_300Light.ttf') format('truetype'); }
@font-face { font-family: 'Montserrat'; font-weight: 400; font-style: normal; font-display: swap; src: url('/branding/fonts/Montserrat_400Regular.ttf') format('truetype'); }
@font-face { font-family: 'Montserrat'; font-weight: 500; font-style: normal; font-display: swap; src: url('/branding/fonts/Montserrat_500Medium.ttf') format('truetype'); }
@font-face { font-family: 'Montserrat'; font-weight: 700; font-style: normal; font-display: swap; src: url('/branding/fonts/Montserrat_700Bold.ttf') format('truetype'); }
@font-face { font-family: 'Montserrat'; font-weight: 800; font-style: normal; font-display: swap; src: url('/branding/fonts/Montserrat_800ExtraBold.ttf') format('truetype'); }
@font-face { font-family: 'Nunito'; font-weight: 400; font-style: normal; font-display: swap; src: url('/branding/fonts/Nunito_400Regular.ttf') format('truetype'); }
@font-face { font-family: 'Nunito'; font-weight: 700; font-style: normal; font-display: swap; src: url('/branding/fonts/Nunito_700Bold.ttf') format('truetype'); }

h1, h2, h3, .tf-heading { font-family: var(--tf-font-heading); font-weight: 800; color: var(--tf-purple); }
body { font-family: var(--tf-font-text); font-weight: 400; color: var(--tf-text); }