/* ===============================
   Atlas Blidi Nursery
   Main Design System
================================ */

:root {
    --primary: #012d1d;
    --primary-light: #1b4332;
    --secondary: #0e6c4a;
    --accent: #85d7ad;
    --background: #fbf9f6;
    --surface: #ffffff;
    --text: #1b1c1a;
    --muted: #717973;
    --border: #d9ded9;
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


html {
    scroll-behavior: smooth;
}


body {
    background: var(--background);
    color: var(--text);
    font-family: "Inter", sans-serif;
}


h1,h2,h3,h4 {
    font-family: "Playfair Display", serif;
}


a {
    text-decoration: none;
    color: inherit;
}


.container {
    width: min(1440px, 90%);
    margin: auto;
}


/* Buttons */

.btn-primary {

    background: var(--primary);
    color:white;
    padding:15px 35px;
    border-radius:8px;
    font-weight:600;
    transition:.3s;

}


.btn-primary:hover {

    background:var(--secondary);
    transform:translateY(-3px);

}


/* Images */

img {

    max-width:100%;
    display:block;

}


/* Scrollbar */

::-webkit-scrollbar {

    width:10px;

}


::-webkit-scrollbar-thumb {

    background:var(--secondary);
    border-radius:20px;

}


/* Selection */

::selection {

    background:var(--accent);
    color:var(--primary);

}
.card-hover{

transition:.45s;

}

.card-hover:hover{

transform:translateY(-12px);

box-shadow:0 30px 60px rgba(0,0,0,.18);

}

.zoom-img{

overflow:hidden;

}

.zoom-img img{

transition:0.7s;

}

.zoom-img:hover img{

transform:scale(1.12);

}

.glass{

backdrop-filter:blur(18px);

background:rgba(255,255,255,.82);

}

.section-title{

position:relative;

display:inline-block;

}

.section-title::after{

content:"";

position:absolute;

bottom:-14px;

left:50%;

transform:translateX(-50%);

width:90px;

height:4px;

border-radius:20px;

background:#15803d;

}