@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import 'tailwindcss';

.playfair-display {
    font-family: 'Playfair Display', serif;
    font-optical-sizing: auto;
}

.text-primary {
    font-family: 'Playfair Display', serif;
    font-optical-sizing: auto;
    color: #105c3e;
    font-style: italic;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Manrope', sans-serif;
    font-optical-sizing: auto;
    color: #27272a;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-x: hidden;
}

body::-webkit-scrollbar {
    display: none;
}
input {
    outline: 0;
}

.scroll-x::-webkit-scrollbar {
    height: 8px;
}

.scroll-x::-webkit-scrollbar-track {
    background: #d1fae5;
    border-radius: 9999px;
}

.scroll-x::-webkit-scrollbar-thumb {
    background-color: #105c3e;
    border-radius: 9999px;
}

.scroll-x::-webkit-scrollbar-thumb:hover {
    background-color: #105c3e;
}

.scroll-x {
    scrollbar-width: thin;
    scrollbar-color: #105c3e #ffffff;
}

.bg-cta {
    background-image: url('../Assets/home/Forest\ -\ Landing\ \(Unsplash\ -\ Xhulio\ Selencia\)1.jpg');
}

/* === PRIMARY COLORS === */
.text-primary-1000 {
    color: #1b5d37;
}
.text-primary-800 {
    color: #227746;
}
.text-primary-600 {
    color: #298e54;
}
.text-primary-500 {
    color: #30a662;
}
.text-primary-400 {
    color: #38c273;
}
.text-primary-200 {
    color: #4dcb83;
}
.text-primary-100 {
    color: #94e0b4;
}

.bg-primary-1000 {
    background-color: #1b5d37;
}
.bg-primary-800 {
    background-color: #227746;
}
.bg-primary-600 {
    background-color: #298e54;
}
.bg-primary-500 {
    background-color: #30a662;
}
.bg-primary-400 {
    background-color: #38c273;
}
.bg-primary-200 {
    background-color: #4dcb83;
}
.bg-primary-100 {
    background-color: #94e0b4;
}

/* === NEUTRAL COLORS === */
.text-neutrals-1000 {
    color: #27272a;
}
.text-neutrals-800 {
    color: #52525b;
}
.text-neutrals-600 {
    color: #52525e;
}
.text-neutrals-400 {
    color: #a1a1aa;
}
.text-neutrals-200 {
    color: #d4d4d8;
}
.text-neutrals-100 {
    color: #e2e2e4;
}
.text-neutrals-1 {
    color: #ffffff;
}

.bg-neutrals-1000 {
    background-color: #27272a;
}
.bg-neutrals-800 {
    background-color: #52525b;
}
.bg-neutrals-600 {
    background-color: #52525e;
}
.bg-neutrals-400 {
    background-color: #a1a1aa;
}
.bg-neutrals-200 {
    background-color: #d4d4d8;
}
.bg-neutrals-100 {
    background-color: #e2e2e4;
}
.bg-neutrals-1 {
    background-color: #ffffff;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type='number'] {
    -moz-appearance: textfield;
}