:root {
    /* Основные цвета */
    --primary-color: #006D38;
    --accent-color: #A6CE39;

    /* RGB версии для rgba() */
    --primary-color-rgb: 0, 109, 56;
    --accent-color-rgb: 166, 206, 57;

    /* Прозрачности */
    --primary-color-10: rgba(0, 109, 56, 0.1);
    --primary-color-20: rgba(0, 109, 56, 0.2);
    --primary-color-30: rgba(0, 109, 56, 0.3);
    --primary-color-40: rgba(0, 109, 56, 0.4);
    --primary-color-50: rgba(0, 109, 56, 0.5);
    --primary-color-60: rgba(0, 109, 56, 0.6);

    --accent-color-10: rgba(166, 206, 57, 0.1);
    --accent-color-30: rgba(166, 206, 57, 0.3);
    --accent-color-50: rgba(166, 206, 57, 0.5);
}


/* ✅ ГРАДИЕНТЫ */
.gradient-text {
    background: linear-gradient(to right, var(--primary-color), var(--accent-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}


.gradient-bg {
    background: linear-gradient(to right, var(--primary-color), var(--accent-color));
}


/* ✅ КНОПКИ */
.btn-primary {
    background: linear-gradient(to right, var(--primary-color), var(--accent-color));
}


.btn-primary:hover {
    box-shadow: 0 20px 25px -5px var(--primary-color-50), 0 8px 10px -6px var(--primary-color-40);
}


/* ✅ ГРАНИЦЫ */
.border-primary {
    border-color: var(--primary-color);
}


/* ✅ ФОНЫ */
.bg-primary {
    background-color: var(--primary-color);
}


.bg-primary-light {
    background-color: var(--primary-color-10);
}


/* ✅ ТЕНИ */
.shadow-primary {
    box-shadow: 0 10px 15px -3px var(--primary-color-40), 0 4px 6px -4px var(--primary-color-30);
}


.shadow-primary-lg {
    box-shadow: 0 20px 25px -5px var(--primary-color-40), 0 8px 10px -6px var(--primary-color-30);
}


/* ✅ ТЕКСТ */
.text-primary {
    color: var(--primary-color);
}