/**
 * Ode Ighaá — POS Override Layer
 * Maps legacy DreamsPOS orange/navy theme to Ode Ighaá luxury palette
 * without editing the 49k-line compiled style.css.
 * Loaded AFTER style.css in layout.tsx so it wins via cascade.
 *
 * Preservation: overrides only colors, never layout/spacing/structure.
 * Gold remains restrained (~10%), Emerald for active/selected (~5%).
 */

:root {
  --oi-black: #000000;
  --oi-white: #FFFFFF;
  --oi-gold: #D4AF37;
  --oi-emerald: #0F5132;
  --oi-ivory: #F8F7F2;
  --oi-charcoal: #171717;
}

/* Primary CTA — Black (was #FE9F43 orange) */
.bg-primary,
.btn-primary,
.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--oi-black) !important;
  border-color: var(--oi-black) !important;
  color: var(--oi-white) !important;
}
.btn-primary:hover { background-color: var(--oi-charcoal) !important; border-color: var(--oi-charcoal) !important; }
.text-primary, a.text-primary { color: var(--oi-black) !important; }
.border-primary { border-color: var(--oi-black) !important; }
.bg-primary.bg-opacity-10 { background-color: rgba(0,0,0,0.06) !important; }

/* Secondary / Sidebar surface — Charcoal (was #092C4C navy) */
.bg-secondary,
.btn-secondary { background-color: var(--oi-charcoal) !important; border-color: var(--oi-charcoal) !important; }

/* Success / Active states — Deep Emerald (was #3EB780 / #0E9384) */
.bg-success, .badge.bg-success, .text-success { background-color: var(--oi-emerald) !important; }
.text-success, .text-teal { color: var(--oi-emerald) !important; }
.border-success { border-color: var(--oi-emerald) !important; }

/* Borders — Warm neutral (was #E6EAED) */
.border, .border-top, .border-bottom, .card, .table-bordered { border-color: #E8E6E1 !important; }

/* Gold accent — restrained premium details only */
.text-gold, .border-gold, .bg-gold { border-color: var(--oi-gold) !important; }
.bg-gold { background-color: var(--oi-gold) !important; color: var(--oi-black) !important; }
.text-gold { color: var(--oi-gold) !important; }
/* Never gold text on white as body — contrast guard */
p, span, li, td, th { color: inherit; }

/* Body background — White/Ivory */
body, .main-wrapper, .page-wrapper { background: var(--oi-white) !important; }

/* Active nav / selected indicators — Emerald */
.nav-link.active, .sidebar .active > a, .active > .nav-link { color: var(--oi-emerald) !important; border-color: var(--oi-emerald) !important; }
.form-control:focus, .select2-container--focus .select2-selection { border-color: var(--oi-emerald) !important; box-shadow: 0 0 0 0.2rem rgba(15,81,50,0.15) !important; }

/* Preserve focus visibility for a11y */
*:focus-visible { outline: 2px solid var(--oi-emerald); outline-offset: 2px; }

/* Dark surfaces — Charcoal */
.bg-dark { background-color: var(--oi-charcoal) !important; }