/* CSS Dinâmico - White Label */

/* Variáveis CSS */
:root {
    --wl-primary: #0099c2;
    --wl-primary-hover: #1b6b8a;
    --wl-secondary: #1b6b8a;
    --wl-secondary-hover: #2389ad;
    --wl-accent: #e07a5f;
    --wl-accent-hover: #e99a85;
    --wl-success: #4a9d6e;
    --wl-warning: #d4a843;
    --wl-danger: #c75c4a;
    --wl-bg-primary: #f2f2f2;
    --wl-bg-secondary: #f2f2f2;
    --wl-bg-tertiary: #FFFFFF;
    --wl-text-primary: #2C2C2C;
    --wl-text-secondary: #6B6B6B;
    --wl-border: #e2ddd5;
}

/* Override das classes Tailwind com as cores personalizadas */

/* Backgrounds */
.bg-en-forest { background-color: #0099c2 !important; }
.hover\:bg-en-forest-light:hover { background-color: #1b6b8a !important; }
.bg-en-ocean { background-color: #1b6b8a !important; }
.hover\:bg-en-ocean-light:hover { background-color: #2389ad !important; }
.bg-en-coral { background-color: #e07a5f !important; }
.hover\:bg-en-coral-light:hover { background-color: #e99a85 !important; }
.bg-en-sand { background-color: #f2f2f2 !important; }
.bg-en-cream { background-color: #f2f2f2 !important; }
.bg-en-white { background-color: #FFFFFF !important; }
.hover\:bg-en-sand:hover { background-color: #f2f2f2 !important; }
.bg-en-success { background-color: #4a9d6e !important; }
.bg-en-warning { background-color: #d4a843 !important; }
.bg-en-danger { background-color: #c75c4a !important; }

/* Textos */
.text-en-forest { color: #0099c2 !important; }
.text-en-ocean { color: #1b6b8a !important; }
.text-en-coral { color: #e07a5f !important; }
.text-en-text { color: #2C2C2C !important; }
.text-en-text-soft { color: #6B6B6B !important; }
.text-en-success { color: #4a9d6e !important; }
.text-en-warning { color: #d4a843 !important; }
.text-en-danger { color: #c75c4a !important; }

/* Bordas */
.border-en-border { border-color: #e2ddd5 !important; }
.border-en-forest { border-color: #0099c2 !important; }
.border-en-ocean { border-color: #1b6b8a !important; }
.border-en-coral { border-color: #e07a5f !important; }

/* Rings e Focus */
.ring-en-forest { --tw-ring-color: #0099c2 !important; }
.ring-en-ocean { --tw-ring-color: #1b6b8a !important; }
.focus\:ring-en-forest:focus { --tw-ring-color: #0099c2 !important; }
.focus\:ring-en-ocean:focus { --tw-ring-color: #1b6b8a !important; }
.focus\:border-en-forest:focus { border-color: #0099c2 !important; }
.focus\:border-en-ocean:focus { border-color: #1b6b8a !important; }

/* Accent color para checkboxes */
.accent-en-forest { accent-color: #0099c2 !important; }

/* Divide */
.divide-en-border > :not([hidden]) ~ :not([hidden]) {
    border-color: #e2ddd5 !important;
}

/* Gradients */
.from-en-forest { --tw-gradient-from: #0099c2 !important; }
.to-en-ocean { --tw-gradient-to: #1b6b8a !important; }

/* Custom scrollbar colors */
::-webkit-scrollbar-track {
    background: #f2f2f2;
}

::-webkit-scrollbar-thumb {
    background: #0099c2;
}

::-webkit-scrollbar-thumb:hover {
    background: #1b6b8a;
}

/* Selection colors */
::selection {
    background: #0099c2;
    color: white;
}

::-moz-selection {
    background: #0099c2;
    color: white;
}
?>