:root {
    --primary: #0C172F;
    --secondary: #6D3263;
    --accent: #DF6283;
    --coral: #FFA793;
    --light: #FCFCA4;
}

.hidden { 
    display: none !important; 
}

body {
    font-family: "Inter", sans-serif;
}

.chewy-font {
    font-family: "Chewy", system-ui;
    font-weight: 400;
    font-style: normal;
}

.btn-accent { 
    background-color: var(--accent); 
    border-color: var(--accent); 
    color: white; 
}

.btn-accent:hover { 
    background-color: white; 
    border-color: white; 
    color: var(--accent); 
}

.btn-outline-accent { 
    color: var(--accent); 
    border-color: var(--accent); 
}

.btn-outline-accent:hover { 
    background-color: var(--accent); 
    border-color: var(--accent); 
    color: white; 
}

.text-accent { 
    color: var(--accent) !important; 
}

.navbar-primary {
    background-color: var(--primary) !important;
}

.section-light {
    background-color: var(--light) !important;
}

.footer-secondary {
    background-color: var(--secondary) !important;
}

.card-filter {
    background-color: var(--coral);
    border: 2px solid black;
}

.form-select {
    border: 2px solid black;
}

.form-control-primary {
    border: 2px solid black;
}

.input-group-primary {
    background-color: var(--primary);
    border: 2px solid black;
    color: white;
}

.btn-outline-coral { 
    color: var(--coral); 
    border-color: var(--coral); 
}

.btn-outline-coral:hover { 
    background-color: var(--coral); 
    border-color: var(--coral); 
    color: white; 
}