/* Blue color theme: remap leftover warm hex / mobile cheese tokens.
 * Loaded last. Does not change layout. */

html[data-color-theme="blue"] {
    --yellow: #e6f0f6;
    --brown: #1a5f73;
    --green: #2d8a78;
    --orange: #4aa3c7;
    --dashed: #a9c0d0;
    --pink: #7eb6d4;
    --white: #ffffff;
}

html[data-color-theme="blue"] .bg-\[\#FDF1D5\],
html[data-color-theme="blue"] .bg-\[\#FDF1D5\]\/95 { background-color: #e6f0f6 !important; }
html[data-color-theme="blue"] .bg-\[\#FBE8C4\] { background-color: #cfe8f3 !important; }
html[data-color-theme="blue"] .bg-\[\#FFB03A\] { background-color: #4aa3c7 !important; }
html[data-color-theme="blue"] .bg-\[\#B6C86C\] { background-color: #2d8a78 !important; }
html[data-color-theme="blue"] .bg-\[\#B6C86C\]\/30 { background-color: rgba(45, 138, 120, 0.3) !important; }
html[data-color-theme="blue"] .bg-\[\#4f6b1e\] { background-color: #1a5f73 !important; }
html[data-color-theme="blue"] .bg-\[\#fdfaf5\] { background-color: #f5fafc !important; }
html[data-color-theme="blue"] .bg-\[\#faf6ee\] { background-color: #d7e6f0 !important; }
html[data-color-theme="blue"] .bg-\[\#eef3d8\] { background-color: #dcefeb !important; }
html[data-color-theme="blue"] .bg-\[\#f6f8ef\] { background-color: #e8f3fa !important; }
html[data-color-theme="blue"] .bg-\[\#FBF6EA\] { background-color: #e6f0f6 !important; }
html[data-color-theme="blue"] .bg-\[\#ECE3D3\] { background-color: #c5d5e2 !important; }
html[data-color-theme="blue"] .bg-\[\#e9dcc4\] { background-color: #c5d5e2 !important; }
html[data-color-theme="blue"] .bg-\[\#f3ecdd\] { background-color: #dce8f1 !important; }
html[data-color-theme="blue"] .bg-\[\#FFF7E6\] { background-color: #e3f1f8 !important; }
html[data-color-theme="blue"] .bg-\[\#FBE5C0\] { background-color: #d4eaf4 !important; }

html[data-color-theme="blue"] .text-\[\#783A1E\] { color: #1a5f73 !important; }
html[data-color-theme="blue"] .text-\[\#A15D2D\] { color: #4d6778 !important; }
html[data-color-theme="blue"] .text-\[\#4f6b1e\] { color: #1a5f73 !important; }
html[data-color-theme="blue"] .text-\[\#6f5a4a\] { color: #4d6778 !important; }
html[data-color-theme="blue"] .text-\[\#8a7160\] { color: #5a7384 !important; }
html[data-color-theme="blue"] .text-\[\#B6C86C\] { color: #2d8a78 !important; }
html[data-color-theme="blue"] .text-\[\#FFB03A\] { color: #4aa3c7 !important; }

html[data-color-theme="blue"] .border-\[\#783A1E\] { border-color: #1a5f73 !important; }
html[data-color-theme="blue"] .border-\[\#ECE3D3\] { border-color: #c5d5e2 !important; }
html[data-color-theme="blue"] .border-\[\#D2C4B1\] { border-color: #a9c0d0 !important; }
html[data-color-theme="blue"] .border-\[\#4f6b1e\] { border-color: #1a5f73 !important; }
html[data-color-theme="blue"] .border-\[\#d8cab6\] { border-color: #adc2d2 !important; }
html[data-color-theme="blue"] .border-t-2.border-\[\#783A1E\] { border-color: #1a5f73 !important; }

html[data-color-theme="blue"] .hover\:bg-\[\#FDF1D5\]:hover { background-color: #dce8f1 !important; }
html[data-color-theme="blue"] .hover\:bg-\[\#FFB03A\]:hover { background-color: #4aa3c7 !important; }
html[data-color-theme="blue"] .hover\:bg-\[\#425a18\]:hover { background-color: #154c5c !important; }
html[data-color-theme="blue"] .hover\:bg-\[\#f6f8ef\]:hover { background-color: #e8f3fa !important; }
html[data-color-theme="blue"] .hover\:bg-\[\#f7f1e6\]:hover { background-color: #e8f3fa !important; }
html[data-color-theme="blue"] .hover\:bg-\[\#FBE5C0\]:hover { background-color: #d4eaf4 !important; }
html[data-color-theme="blue"] .hover\:bg-\[\#d8cab6\]:hover { background-color: #adc2d2 !important; }
html[data-color-theme="blue"] .active\:bg-\[\#b3a89b\]:active { background-color: #8fb0c4 !important; }
html[data-color-theme="blue"] .hover\:border-\[\#4f6b1e\]:hover { border-color: #1a5f73 !important; }
html[data-color-theme="blue"] .hover\:text-\[\#4f6b1e\]:hover { color: #1a5f73 !important; }
html[data-color-theme="blue"] .hover\:text-\[\#783A1E\]:hover { color: #1a5f73 !important; }
html[data-color-theme="blue"] .focus\:border-\[\#d8cab6\]:focus { border-color: #8ec5dc !important; }
html[data-color-theme="blue"] .focus\:ring-\[\#efe4d0\]:focus { --tw-ring-color: #cfe8f3 !important; }
html[data-color-theme="blue"] .accent-\[\#B6C86C\] { accent-color: #2d8a78 !important; }

html[data-color-theme="blue"] .shadow-\[4px_4px_0px_\#783A1E\] { box-shadow: 4px 4px 0px #1a5f73 !important; }

html[data-color-theme="blue"] .embed-tab.active,
html[data-color-theme="blue"] .tab.active { background: #cfe8f3 !important; color: var(--brown) !important; }
html[data-color-theme="blue"] .embed-tab:not(.active):hover,
html[data-color-theme="blue"] .tab:not(.active):hover { background: #e6f0f6 !important; color: #1a5f73 !important; }
html[data-color-theme="blue"] .side { background: #f5fafc !important; color: #4d6778 !important; border-right-color: #c5d5e2 !important; }
html[data-color-theme="blue"] .side .text-white { color: #1a5f73 !important; }
html[data-color-theme="blue"] .chip-info { background: #dce8f1 !important; color: #2f4d60 !important; border-color: #c5d5e2 !important; }
html[data-color-theme="blue"] .btn-ghost { border-color: #c5d5e2 !important; color: #4d6778 !important; }
html[data-color-theme="blue"] .profile-avatar { background: #dcefeb !important; color: #1a5f73 !important; }
html[data-color-theme="blue"] .email-list-item:hover { background-color: #e8f3fa !important; }
html[data-color-theme="blue"] .email-list-item.active { background-color: #cfe8f3 !important; }
html[data-color-theme="blue"] .inbox-avatar-tone-0 { background: #cfe8f3 !important; color: #1e5a73 !important; }

html[data-color-theme="blue"] .hand-border { border-color: #1a5f73; box-shadow: 2px 3px 0px #1a5f73; }
html[data-color-theme="blue"] .hamster-input { background-color: #e6f0f6 !important; border-color: #1a5f73 !important; color: #1a5f73 !important; }
html[data-color-theme="blue"] .hamster-input:focus { box-shadow: 2px 3px 0px #1a5f73; }

/* Settings / mailbox selected states use Tailwind amber as the warm accent. */
html[data-color-theme="blue"] .bg-amber-50 { background-color: #cfe8f3 !important; }
html[data-color-theme="blue"] .bg-amber-100 { background-color: #d4eaf4 !important; }
html[data-color-theme="blue"] .bg-amber-400 { background-color: #4aa3c7 !important; }
html[data-color-theme="blue"] .text-amber-300 { color: #8ec5dc !important; }
html[data-color-theme="blue"] .text-amber-500 { color: #4aa3c7 !important; }
html[data-color-theme="blue"] .text-amber-600 { color: #3d8fb3 !important; }
html[data-color-theme="blue"] .text-amber-700 { color: #1a5f73 !important; }
html[data-color-theme="blue"] .text-amber-800 { color: #163042 !important; }
html[data-color-theme="blue"] .text-amber-900 { color: #122636 !important; }
html[data-color-theme="blue"] .border-amber-100 { border-color: #d4eaf4 !important; }
html[data-color-theme="blue"] .border-amber-200 { border-color: #b7d7e8 !important; }
html[data-color-theme="blue"] .border-amber-300 { border-color: #8ec5dc !important; }
html[data-color-theme="blue"] .border-amber-500 { border-color: #4aa3c7 !important; }
html[data-color-theme="blue"] .hover\:bg-amber-50:hover { background-color: #e8f3fa !important; }
html[data-color-theme="blue"] .hover\:bg-amber-100:hover { background-color: #cfe8f3 !important; }
html[data-color-theme="blue"] .hover\:text-amber-700:hover { color: #1a5f73 !important; }
html[data-color-theme="blue"] .hover\:text-amber-800:hover { color: #163042 !important; }
html[data-color-theme="blue"] .focus\:border-amber-500:focus { border-color: #4aa3c7 !important; }
html[data-color-theme="blue"] .bg-yellow-50 { background-color: #e8f3fa !important; }
html[data-color-theme="blue"] .border-yellow-200 { border-color: #b7d7e8 !important; }
html[data-color-theme="blue"] .text-yellow-500 { color: #4aa3c7 !important; }
html[data-color-theme="blue"] .bg-orange-50 { background-color: #e3f1f8 !important; }
html[data-color-theme="blue"] .border-orange-200 { border-color: #b7d7e8 !important; }