/* ═══ Oasis light theme — generic conversion for base.html pages ═══
   Redefines base-theme.css design tokens to warm-light values, so every
   var()-consuming component flips automatically. Page-specific hardcoded
   dark styles still need local fixes. Load together with light-frame.css. */

:root {
    --bg-primary: #FFFFFF;
    --bg-secondary: #FFF8E7;
    --bg-card: #FFFFFF;
    --bg-hover: #FFF3D6;
    --text-primary: #1E293B;
    --text-secondary: #57534E;
    --text-muted: #78716C;
    --text-white: #0F172A;
    --border-subtle: #E9E2D0;
    --border-medium: #E2D8C0;
    --border-gold: rgba(217, 119, 6, 0.3);
    --accent-warning: #B45309;
}

body { background: #FFFFFF !important; color: #1E293B !important; }
body::before {
    background: radial-gradient(circle at 20% 40%, rgba(251,191,36,.05) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(59,130,246,.03) 0%, transparent 50%) !important;
}

/* text utilities */
.text-white { color: #0F172A !important; }
.text-gray-300 { color: #475569 !important; }
.text-gray-400 { color: #64748B !important; }
.text-gray-500 { color: #6B7280 !important; }
.text-amber-500, .text-amber-400 { color: #B45309 !important; }

/* the word Gold: always deep gold */
.gold-text, .text-gold-gradient { background: linear-gradient(135deg, #D97706 0%, #B45309 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; }

/* common card surfaces */
.glass-card, .glass-panel { background: #FFFFFF !important; border: 1px solid #E9E2D0 !important; box-shadow: 0 8px 28px rgba(120,80,0,.07) !important; }
.card { background: #FFFFFF; border-color: #E9E2D0; color: #1E293B; }

/* tables: light headers/rows for var-styled tables */
table th { color: #B45309; }

/* alerts readable on light */
.alert-success { color: #15803D !important; background: rgba(34,197,94,.10) !important; border-color: rgba(21,128,61,.3) !important; }
.alert-warning { color: #92600A !important; background: rgba(245,158,11,.12) !important; border-color: rgba(146,96,10,.3) !important; }
.alert-danger  { color: #B91C1C !important; background: rgba(239,68,68,.10) !important; border-color: rgba(185,28,28,.3) !important; }
.alert-info    { color: #1D4ED8 !important; background: rgba(59,130,246,.10) !important; border-color: rgba(29,78,216,.3) !important; }

/* bare form fields were hardcoded dark in base-theme (no !important — inline dark widgets like livechat keep their own styling) */
input, select, textarea { background: #FFFFFF; color: #0F172A; border: 1px solid #E9E2D0; }

/* legal page headline gradient: deep gold on light */
.legal-header h1 { background: linear-gradient(135deg, #D97706 0%, #B45309 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; }

/* gold-gradient buttons: dark text (was var(--bg-primary) -> flipped white) */
.btn-primary-gradient, .btn-primary-gradient:hover { color: #0F172A !important; }
/* bootstrap text-warning is unreadable on light — deep gold everywhere */
.text-warning { color: #B45309 !important; }