:root{
    --bg:#f9f7f3;
    --txt:#2a3b4c;
    --p:#f2a474;
    --s:#bae0f9;
    --a:#e9e0a6;
    --sh:0 4px 12px rgba(42,59,76,.08);
    --r:8px;
    --t:.2s ease

}

body{
    background:var(--bg);
    color:var(--txt);
    font:16px/1.6 system-ui,sans-serif;
    margin:0

}
h1,h2,h3,h4,h5,h6{
    color:var(--txt);
    font-weight:700;
    margin-bottom:.5em

}
a{
    color:var(--p);
    text-decoration:none;
    transition:var(--t)

}

a:hover{
    color:#d98858

}

.text-muted{
    color:#6b7c8a!important

}

.navbar{
    background:#fff!important;
    box-shadow:var(--sh);
    border-bottom:3px solid var(--s)

}

.navbar-brand,.nav-link{
    color:var(--txt)!important;
    font-weight:600

}

.nav-link:hover,.nav-link.active{
    color:var(--p)!important

}

.btn{
    border-radius:var(--r);
    font-weight:600;
    transition:var(--t);
    border:2px solid transparent

}

.btn-primary{
    background:var(--p);
    border-color:var(--p);
    color:#fff

}

.btn-primary:hover{
    background:#d98858;
    border-color:#d98858;
    transform:translateY(-2px)

}

.btn-secondary{
    background:var(--s);
    border-color:var(--s);
    color:var(--txt)

}

.btn-secondary:hover{
    background:#9dd4f4

}

.btn-outline-primary{
    border-color:var(--p);
    color:var(--p)

}

.btn-outline-primary:hover{
    background:var(--p);
    color:#fff

}

.card,.product-card{
    background:#fff;
    border:1px solid var(--s);
    border-radius:var(--r);
    box-shadow:var(--sh);
    transition:var(--t);
    overflow:hidden

}

.card:hover,.product-card:hover{
    transform:translateY(-4px);
    box-shadow:0 8px 20px rgba(42,59,76,.12);
    border-color:var(--a)

}

.card-header{
    background:var(--s);
    border-bottom:none

}

.card-footer{
    background:var(--bg);
    border-top:1px solid var(--s)

}

.form-control,.form-select{
    border:2px solid var(--s);
    border-radius:var(--r);
    background:var(--bg);
    color:var(--txt);
    transition:var(--t)

}

.form-control:focus,.form-select:focus{
    border-color:var(--p);
    box-shadow:0 0 0 3px rgba(242,164,116,.2);
    outline:none

}

.badge{
    border-radius:50px;
    font-weight:600

}

.bg-success{
    background:var(--a)!important;
    color:var(--txt)!important

}

.bg-danger{
    background:var(--p)!important;
    color:#fff!important

}

.bg-light-subtle{
    background:var(--bg)!important

}

.border{
    border-color:var(--s)!important

}

footer{
    background:var(--s);
    color:var(--txt);
    padding:2rem 0;
    margin-top:auto

}

footer a{
    color:var(--p)

}

footer a:hover{
    color:#d98858

}

@media(max-width:991px){
    .product-card:hover{transform:none}

}