:root {
    font-family: 'Inter', sans-serif;
    --text-primary: hsla(221, 13%, 46%, 1);
    --text-input: hsla(240, 12%, 22%, 1);
    --text-title: hsla(240, 12%, 22%, 1);
    --text-brand: hsla(215, 98%, 20%, 1);
    --text-disabled: hsla(220, 10%, 71%, 1);
    --border-primary: hsla(235, 23%, 90%, 1);
    --surface-action: hsla(0, 0%, 96%, 1);
    --surface-brand: hsla(215, 98%, 20%, 1);
    --surface-selection: hsla(220, 100%, 97%, 1);
    --surface-secondary: hsla(0, 0%, 100%, 1);
    --background: white;
}

h1 {
    font-family: 'Poppins', sans-serif;
    color: var(--text-brand);
}