:root { --hkr-primary-7: #f0f3f8; --hkr-primary-20: #d4dceb; --hkr-primary-80: #5173af; --hkr-primary-100: #26509b; --hkr-primary-200: #204484; --hkr-red-5: #fdf5f5; --hkr-red-100: #dc2f34; --bs-body-color: var(--hkr-primary-100); --bs-font-sans-serif: "KlavikaWebBasicRegular",  system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-link-color: var(--hkr-primary-100); --bs-link-hover-color: var(--hkr-primary-100); --bs-primary: var(--hkr-primary-100); --bs-primary-rgb: 38, 80, 155; --bs-primary-dark: var(--hkr-primary-200); --bs-primary-dark-rgb: 32, 68, 132; --bs-gutter-x: 20px; --bs-tippanel: var(--bs-white); }