:root {
    --primary-color: #2563eb;
    --primary-color-light: hsl(192, 31%, 90%);
    --primary-color-dark: hsl(192, 31%, 30%);

    --secondary-color: hsl(26, 92%, 61%);
    --secondary-color-light: hsl(26, 92%, 90%);
    --secondary-color-dark: hsl(26, 92%, 30%);

    --success-color: hsl(177, 53%, 51%);
    --success-color-light: hsl(177, 53%, 90%);
    --success-color-dark: hsl(177, 53%, 30%);

    --primary-green-color: hsl(177, 31%, 47%);
    --primary-green-color-light: hsl(177, 31%, 90%);
    --primary-green-color-dark: hsl(177, 31%, 30%);

    --danger-color: hsl(1, 59%, 48%);
    --danger-color-light: hsl(1, 59%, 90%);
    --danger-color-dark: hsl(1, 59%, 30%);

    --background-color: hsl(60, 5%, 96%);
    --background-color-light: hsl(33, 47%, 98%);
    --background-color-dark: hsl(33, 47%, 30%);

    --text-color: hsl(177, 29%, 19%);
    --text-color-light: hsl(177, 29%, 60%);
    --text-color-dark: hsl(177, 29%, 10%);


    --light-accent: hsl(177, 41%, 87%);
    --light-accent-light: hsl(177, 41%, 95%);
    --light-accent-dark: hsl(177, 41%, 50%);
}

body a {
    color: var(--primary-color);
}

body a:hover {
    color: var(--primary-color-dark);
}

.btn-primary {
    --bs-btn-bg: var(--primary-color);
    --bs-btn-hover-bg: var(--secondary-color);
    /* For more, view the Styles in your browser inspector */
}

.btn-outline-primary {
    --bs-btn-color: var(--primary-color);
    --bs-btn-border-color: var(--primary-color);
    --bs-btn-hover-border-color: var(--secondary-color);
    --bs-btn-hover-bg: var(--secondary-color);
}

.btn-primary-green {
    --bs-btn-bg: var(--primary-green-color);
    --bs-btn-hover-bg: var(--primary-green-color);
    --bs-btn-color: white;
    --bs-btn-hover-color: white;
    /* For more, view the Styles in your browser inspector */
}

.btn-outline-primary-green {
    --bs-btn-color: var(--primary-green-color);
    --bs-btn-border-color: var(--primary-green-color);
    --bs-btn-hover-border-color: var(--primary-green-color);
    --bs-btn-hover-bg: var(--primary-green-color);
    --bs-btn-hover-color: white;
}

.btn-cta {
    background: linear-gradient(56deg, #7e22ce, #be185d);
}

input.form-control, textarea.form-control {
    background-color: var(--background-color);
    color: var(--text-color);
}

input.form-control::placeholder, textarea.form-control::placeholder {
    color: hsla(177, 29%, 19%, 0.6);
}

.text-white-70 {
    color: rgba(255, 255, 255, 0.7);
}

.text-white-80 {
    color: rgba(255, 255, 255, 0.8);
}

.text-white-90 {
    color: rgba(255, 255, 255, 0.9);
}

.text-black-70 {
    color: rgba(0, 0, 0, 0.7);
}

.text-black-80 {
    color: rgba(0, 0, 0, 0.8);
}

.text-black-90 {
    color: rgba(0, 0, 0, 0.9);
}