:root {
    --siete-green-deep: #003f38;
    --siete-green: #006b5e;
    --siete-green-bright: #00866f;
    --siete-yellow: #ffd319;
    --siete-yellow-soft: #ffe66a;
}

body { background-color: var(--siete-green-deep) !important; }

.bg-slate-950 { background-color: var(--siete-green-deep) !important; }
.bg-slate-900 { background-color: var(--siete-green) !important; }
.bg-slate-900\/90, .bg-slate-900\/80, .bg-slate-900\/70 { background-color: rgba(0, 91, 80, .92) !important; }
.bg-slate-950\/80, .bg-slate-950\/70, .bg-slate-950\/60 { background-color: rgba(0, 63, 56, .84) !important; }
.border-slate-800 { border-color: rgba(149, 213, 195, .22) !important; }
.border-slate-700, .border-slate-700\/80 { border-color: rgba(215, 247, 237, .28) !important; }

.text-cyan-100, .text-cyan-200, .text-cyan-300, .text-cyan-400 { color: var(--siete-yellow) !important; }
.bg-cyan-400 { background-color: var(--siete-yellow) !important; }
.bg-cyan-400\/5, .bg-cyan-400\/10, .bg-cyan-400\/15 { background-color: rgba(255, 211, 25, .11) !important; }
.border-cyan-400, .border-cyan-400\/20, .border-cyan-400\/25, .border-cyan-400\/30, .border-cyan-400\/40, .border-cyan-400\/50 { border-color: rgba(255, 211, 25, .55) !important; }
.text-slate-950 { color: var(--siete-green-deep) !important; }
.hover\:bg-cyan-300:hover { background-color: var(--siete-yellow-soft) !important; }
.hover\:border-cyan-400:hover, .focus\:border-cyan-400:focus { border-color: var(--siete-yellow) !important; }
.peer-checked\:bg-cyan-400:checked ~ * { background-color: var(--siete-yellow) !important; }
.shadow-cyan-400\/20 { --tw-shadow-color: rgba(255, 211, 25, .2) !important; }
.shadow-cyan-950\/20, .shadow-cyan-950\/30, .shadow-cyan-950\/40 { --tw-shadow-color: rgba(0, 63, 56, .48) !important; }
.from-cyan-400\/10, .from-cyan-400\/15, .from-cyan-400\/20 { --tw-gradient-from: rgba(255, 211, 25, .16) var(--tw-gradient-from-position) !important; }
.to-violet-500\/10, .to-violet-500\/15 { --tw-gradient-to: rgba(0, 134, 111, .22) var(--tw-gradient-to-position) !important; }

.tienda-siete-icon { object-fit: contain; }
.tienda-siete-wordmark { width: auto; object-fit: contain; }