/* DzPay Official Colors - Based on Logo #00AA00 */

:root {
    --dzpay-green: #00AA00;
    --dzpay-green-light: #33ff33;
    --dzpay-green-dark: #008800;
    --dzpay-green-50: #e6ffe6;
    --dzpay-green-100: #ccffcc;
    --dzpay-green-200: #99ff99;
    --dzpay-green-300: #66ff66;
    --dzpay-green-400: #33ff33;
    --dzpay-green-500: #00AA00;
    --dzpay-green-600: #009900;
    --dzpay-green-700: #008800;
    --dzpay-green-800: #006600;
    --dzpay-green-900: #004400;
}

/* Override button colors with official DzPay green */
.bg-gradient-to-r.from-dzpay-500.to-dzblue-500,
.bg-gradient-to-r.from-dzpay-500.to-dzpay-600,
.from-dzpay-500.to-dzblue-500,
.from-dzpay-600.via-dzblue-600.to-dzorange-600 {
    background: linear-gradient(135deg, var(--dzpay-green) 0%, var(--dzpay-green-dark) 100%) !important;
}

/* Primary buttons */
.bg-dzpay-500,
.hover\:bg-dzpay-600:hover {
    background-color: var(--dzpay-green) !important;
}

.text-dzpay-600 {
    color: var(--dzpay-green) !important;
}

.text-dzpay-700 {
    color: var(--dzpay-green-dark) !important;
}

.border-dzpay-300 {
    border-color: var(--dzpay-green-300) !important;
}

/* Gradient backgrounds */
.bg-gradient-to-br.from-dzpay-500.to-dzpay-600,
.bg-gradient-to-br.from-dzpay-500.via-dzpay-600.to-dzblue-600 {
    background: linear-gradient(135deg, var(--dzpay-green) 0%, var(--dzpay-green-dark) 70%, #2563eb 100%) !important;
}

/* Logo container backgrounds */
.bg-gradient-to-br.from-dzpay-500.to-dzblue-500 {
    background: linear-gradient(135deg, var(--dzpay-green) 0%, var(--dzpay-green-dark) 100%) !important;
}

/* Feature cards icon backgrounds */
.bg-dzpay-100 {
    background-color: var(--dzpay-green-100) !important;
}

.bg-dzpay-50 {
    background-color: var(--dzpay-green-50) !important;
}

/* Hover effects */
.hover\:border-dzpay-200:hover {
    border-color: var(--dzpay-green-200) !important;
}

.hover\:text-dzpay-600:hover {
    color: var(--dzpay-green) !important;
}

.hover\:text-dzpay-700:hover {
    color: var(--dzpay-green-dark) !important;
}

/* Gradient text */
.bg-gradient-to-r.from-dzpay-600.to-dzblue-600.bg-clip-text.text-transparent {
    background: linear-gradient(135deg, var(--dzpay-green) 0%, var(--dzpay-green-dark) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* CTA Section background */
.bg-gradient-to-br.from-dzpay-600.via-dzblue-600.to-dzorange-600 {
    background: linear-gradient(135deg, var(--dzpay-green) 0%, var(--dzpay-green-dark) 50%, #f97316 100%) !important;
}

/* Progress indicator */
.bg-gradient-to-r.from-dzpay-500.to-dzblue-500 {
    background: linear-gradient(90deg, var(--dzpay-green) 0%, var(--dzpay-green-dark) 100%) !important;
}

/* Box shadows with DzPay green */
.shadow-dzpay {
    box-shadow: 0 4px 15px rgba(0, 170, 0, 0.3);
}

.hover\:shadow-dzpay:hover {
    box-shadow: 0 8px 25px rgba(0, 170, 0, 0.4);
}

/* DzPay Logo - YOUR ORIGINAL */
img[src*="dzpay-logo-correct"] {
    transition: transform 0.3s ease;
}

img[src*="dzpay-logo-correct"]:hover {
    transform: scale(1.05);
}