/* Public pages only. Palette mirrors the user dashboard without loading its layout rules. */
body.front-cream {
    --front-bg: #F8F5EE;
    --front-surface: #FFFFFF;
    --front-subtle: #F6F1E7;
    --front-border: #E8DCC8;
    --front-text: #2D241E;
    --front-heading: #1E1712;
    --front-muted: #73675C;
    --front-gold: #C59B27;
    --front-accent: #9E7815;
    --front-gradient: linear-gradient(135deg, #D4A359, #B88338);
    --adminuiux-theme-1: #C59B27;
    --adminuiux-theme-accent-1: #D4A359;
    color-scheme: light;
    background: radial-gradient(circle at 30% 20%, #FFFDF9, #F3ECE2) fixed !important;
    color: var(--front-text) !important;
}
.front-cream::selection { background: #F7EECD; color: #1E1712; }
.front-cream::before { background: radial-gradient(circle at 30% 20%, #FFFDF9, #F3ECE2) !important; pointer-events: none; }
.front-cream .hero-gradient { background: radial-gradient(ellipse at 20% 30%, #F7EECD, #FFFDF9 55%, #F3ECE2); }
.front-cream .bg-deep { background: var(--front-bg); }
.front-cream .bg-card,
.front-cream [class~="bg-[#0f2326]"] { background: var(--front-surface); }
.front-cream [class~="bg-[#0d1e21]"] { background: var(--front-subtle); }
.front-cream > header { background: rgba(250, 247, 242, .96); box-shadow: 0 4px 20px rgba(120, 95, 70, .06); }
.front-cream > footer { background: #FAF7F2; }
.front-cream .glass-card,
.front-cream .card-glass,
.front-cream .otp-modal-content {
    background: rgba(255, 255, 255, .94);
    border-color: var(--front-border);
    box-shadow: 0 16px 40px rgba(120, 95, 70, .12);
}
.front-cream .glass-card:hover { border-color: rgba(197, 155, 39, .35); box-shadow: 0 16px 40px rgba(120, 95, 70, .15); }
.front-cream .glow-cyan { box-shadow: 0 8px 32px rgba(197, 155, 39, .16); }
.front-cream .text-white,
.front-cream .profile-header h2 { color: var(--front-heading); }
.front-cream .text-gray-200,
.front-cream .text-gray-300,
.front-cream .info-row .value { color: var(--front-text); }
.front-cream .text-gray-400,
.front-cream .text-gray-500,
.front-cream .text-gray-600,
.front-cream .text-muted-custom,
.front-cream .subtitle,
.front-cream .info-row .label,
.front-cream .footer-note { color: var(--front-muted); }
.front-cream .text-cyan,
.front-cream [class*="text-cyan/"],
.front-cream .text-amber,
.front-cream .text-theme-1,
.front-cream .btn-link,
.front-cream .info-row .value.cyan,
.front-cream .footer-note span { color: var(--front-accent); }
.front-cream [class*="border-white/"],
.front-cream [class*="border-cyan/"],
.front-cream .border-gray-600 { border-color: var(--front-border); }
.front-cream .border-cyan,
.front-cream .border-amber { border-color: var(--front-gold); }
.front-cream [class*="bg-white/"],
.front-cream .info-row,
.front-cream .btn-secondary { background: var(--front-subtle); border-color: var(--front-border); color: var(--front-text); }
.front-cream [class*="bg-cyan/"] { background: #F7EECD; }
.front-cream [class*="text-white/"] { color: #948677; }
.front-cream .bg-cyan,
.front-cream .bg-amber { background: var(--front-gold); }
.front-cream .text-deep { color: var(--front-heading); }
.front-cream button.bg-cyan,
.front-cream a.bg-cyan,
.front-cream .btn-primary,
.front-cream .btn-gradient,
.front-cream .avatar-ring { background: var(--front-gradient); color: var(--front-heading); border-color: var(--front-gold); }
.front-cream button.bg-cyan:hover,
.front-cream a.bg-cyan:hover,
.front-cream .btn-primary:hover,
.front-cream .btn-gradient:hover { background: linear-gradient(135deg, #C99A4D, #AB7730); color: #1E1712; box-shadow: 0 4px 20px rgba(197, 155, 39, .25); }
.front-cream .hover\:text-cyan:hover,
.front-cream .hover\:text-cyan\/80:hover { color: #795B10; }
.front-cream .hover\:bg-cyan:hover,
.front-cream .hover-cyan:hover { background: var(--front-gold); color: var(--front-heading); }
.front-cream .hover\:bg-cyan\/10:hover,
.front-cream .btn-secondary:hover,
.front-cream .info-row:hover { background: #F2ECE0; }
.front-cream .hover\:border-cyan\/40:hover { border-color: var(--front-gold); }
.front-cream .nav-link::after { background: var(--front-gold); }
.front-cream .input-dark,
.front-cream .select-dark,
.front-cream .custom-input,
.front-cream .select-dark option { background: #FFFDF9; border-color: var(--front-border); color: var(--front-text); }
.front-cream input::placeholder { color: var(--front-muted); opacity: 1; }
.front-cream .input-dark:focus,
.front-cream .select-dark:focus,
.front-cream .custom-input:focus,
.front-cream .focus-cyan:focus { background: white; color: var(--front-text); border-color: var(--front-gold); box-shadow: 0 0 0 3px rgba(197, 155, 39, .18); outline: none; }
.front-cream .input-dark:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #FFFDF9 inset !important; -webkit-text-fill-color: #2D241E !important; }
.front-cream input[readonly], .front-cream input:disabled { background: #F2ECE0; }
.front-cream input[type="checkbox"] { accent-color: var(--front-accent); }
.front-cream a:focus-visible, .front-cream button:focus-visible { outline: 2px solid var(--front-accent); outline-offset: 4px; }
.front-cream .modal-backdrop { background: rgba(45, 36, 30, .55); }
.front-cream .profile-header { background: linear-gradient(135deg, #F7EECD, #F6F1E7); border-color: var(--front-border); }
.front-cream .avatar-ring { box-shadow: 0 4px 20px rgba(197, 155, 39, .2); }
.front-cream .status-badge,
.front-cream .Msg.success,
.front-cream .text-green-300,
.front-cream .text-green-400 { color: #15803D; }
.front-cream .status-badge,
.front-cream [class~="bg-green-500/20"] { background: rgba(22, 163, 74, .12); border-color: rgba(22, 163, 74, .25); }
.front-cream .Msg.error,
.front-cream .text-red-300,
.front-cream .text-red-400,
.front-cream .text-red-500 { color: #B91C1C; }
.front-cream [class~="bg-red-500/20"] { background: rgba(185, 28, 28, .08); border-color: rgba(185, 28, 28, .25); }
.front-cream [class*="shadow-cyan/"], .front-cream [class~="shadow-2xl"] { --tw-shadow-color: rgba(120, 95, 70, .12); }
.front-cream .my-filter { filter: none; }