@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap');

:root {
    --color-forest: #252d25;
    --page-background: #f5f1e8;
    --card-background: #ffffff;
    --card-border: rgba(37, 45, 37, 0.12);
    --card-hover-shadow: 0 20px 40px rgba(37, 45, 37, 0.18);
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--page-background) !important;
    background-image: url('img/pattern-gttp.png') !important;
    background-repeat: repeat !important;
    background-position: top left !important;
}

.gradient-cefora,
.gradient-race,
.gradient-risen,
.gradient-care,
.gradient-rtf,
.gradient-aspect,
.gradient-costar {
    background: var(--color-forest);
}

.glass-card {
    background: var(--card-background) !important;
    backdrop-filter: none;
    border: 1px solid var(--card-border);
}

.hover-lift {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-lift:hover {
    transform: translateY(-5px);
    box-shadow: var(--card-hover-shadow);
}

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

.index-accent-bg {
    background-color: var(--color-forest) !important;
}

.index-accent-border {
    border-color: var(--color-forest) !important;
}