/* Custom Orejime Theme - Slate & Emerald */

/* Modal Overrides */
.orejime-Modal {
    background: #0f172a; /* slate-900 */
    color: #f1f5f9; /* slate-100 */
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.orejime-Modal-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.orejime-Modal-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* Notice (Cookie Banner) Overrides */
.orejime-Notice {
    background: #0f172a; /* slate-900 */
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.orejime-Notice-title,
.orejime-Notice-description,
.orejime-Notice-changes,
.orejime-Notice-purposes {
    color: #f1f5f9; /* slate-100 */
}

/* Button Overrides */
.orejime-Button {
    border-radius: 0.75rem; /* rounded-xl */
    font-weight: 600; /* font-semibold */
    transition: all 0.2s;
}

/* Accept / Save Action - Emerald */
.orejime-Button--save,
.orejime-Button--accept {
    background: #34d399; /* emerald-400 */
    color: #020617; /* slate-950 text for contrast */
}
.orejime-Button--save:hover,
.orejime-Button--accept:hover {
    background: #10b981; /* emerald-500 */
}

/* Info / Settings Button */
.orejime-Button--info {
    background: rgba(255, 255, 255, 0.1); /* white/10 */
    color: #f1f5f9;
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.orejime-Button--info:hover {
    background: rgba(255, 255, 255, 0.2);
}

/* Decline - Slate 700 */
.orejime-Button--decline {
    background: #334155; /* slate-700 */
    color: #f1f5f9;
}
.orejime-Button--decline:hover {
    background: #475569; /* slate-600 */
}

/* Toggles/Sliders */
.orejime-AppItem-slider {
    background-color: #334155; /* slate-700 */
}

.orejime-AppItem-input:checked + .orejime-AppItem-label .orejime-AppItem-slider {
    background-color: #34d399; /* emerald-400 */
}

.orejime-AppItem-slider:before {
    background-color: #f1f5f9; /* slate-100 */
    border-color: #334155;
    border: none;
}

/* Links */
.orejime-Notice-privacyPolicyLink,
.orejime-Modal-privacyPolicyLink {
    color: #34d399; /* emerald-400 */
    text-decoration: none;
}
.orejime-Notice-privacyPolicyLink:hover,
.orejime-Modal-privacyPolicyLink:hover {
    text-decoration: underline;
}

.orejime-Modal-poweredByLink {
    color: #64748b; /* slate-500 */
}