:root {
--primary-color: {{primary}};
--secondary-color: {{secondary}};
--error-color: {{error}};
--warning-color: {{warning}};
--info-color: {{info}};
--success-color: {{success}};
--background-color: {{background}};
--text-primary: {{textPrimary}};
--text-secondary: {{textSecondary}};
--font-family: '{{font}}';
}

body {
background-color: var(--background-color);
font-family: var(--font-family);
}
h1, h2, h3, h4, h5, h6 {
color: var(--primary-color);
}

.text-primary {
color: var(--text-primary);
}

.text-secondary {
color: var(--text-secondary);
}

.bg-primary {
background-color: var(--primary-color);
}

.bg-secondary {
background-color: var(--secondary-color);
}