:root {
    --body-bg: #e5e5e5;
    --bg-ec: #ecf4f7;

    /* Typography */
    --font-family-sans-serif: 'Nunito', sans-serif;
    --font-size-base: 0.9rem;
    --line-height-base: 1.6;

    /* Colors */
    --blue: #3490dc;
    --indigo: #6574cd;
    --purple: #9561e2;
    --pink: #f66d9b;
    --red: #e3342f;
    --orange: #f6993f;
    --yellow: #ffed4a;
    --green: #38c172;
    --teal: #4dc0b5;
    --cyan: #6cb2eb;
    --white: #ffffff;
    --black: #000000;

    --primary: #0162ab;
    --secondary: #449cf5;
    --liner-button: linear-gradient(to right, var(--secondary), var(--primary));
    --border-box: #f4f4f4;
}