/* ============================================================
   Kobizap Portal — "Aurora" Vibrant Theme (standalone overlay)
   ------------------------------------------------------------
   Pure CSS layer. Load it AFTER portal.css to restyle the portal
   with a vibrant, sophisticated palette. Removing this file fully
   reverts to the default warm-gallery theme. No HTML/JS changes.
   ============================================================ */

:root {
    --bg: #F5F6FB;
    --surface: #FFFFFF;
    --ink: #1B1B3A;
    --ink-soft: #4B4D6E;
    --muted: #8A8DA8;
    --line: #E4E6F2;
    --accent: #5A4BFF;
    --accent-strong: #4234D8;
    --accent-tint: #EEEBFF;
    --success: #0E9F6E;
    --success-tint: #E6F7F0;
    --danger: #E11D48;
    --danger-tint: #FDE8EE;
    --warning: #D97706;
    --warning-tint: #FDF0DD;
    --info: #2563EB;
    --info-tint: #E8F0FE;
    --shadow-sm: 0 1px 2px rgba(27, 27, 58, .06), 0 6px 20px rgba(27, 27, 58, .06);
    --shadow-md: 0 4px 16px rgba(27, 27, 58, .10), 0 18px 44px rgba(27, 27, 58, .10);
}

/* Sticky header — translucent cool tint instead of warm cream */
.portal-navbar {
    background: rgba(245, 246, 251, .88);
}

/* Table hover + search hover — cool lavender instead of warm beige */
.table { --bs-table-hover-bg: #F0F1FA; }
.table-hover > tbody > tr:hover > * { --bs-table-accent-bg: #F0F1FA; }
.search-result:hover { background: #F0F1FA; }
.bg-secondary-subtle { background: #EFF0F7 !important; }

/* Primary button hover glow — vibrant indigo instead of brass */
.btn-brand:hover, .btn-brand:focus {
    box-shadow: 0 6px 18px rgba(90, 75, 255, .32);
}

/* Form focus rings — indigo */
.form-control:focus, .form-select:focus {
    box-shadow: 0 0 0 3px rgba(90, 75, 255, .16);
}

/* Active product card ring — indigo */
.product-card-active {
    box-shadow: 0 0 0 3px rgba(90, 75, 255, .20);
}

/* Auth screens — vibrant aurora gradient instead of warm beige */
.auth-body {
    background:
        radial-gradient(1100px 600px at 85% -10%, #E0DBFF 0%, transparent 55%),
        radial-gradient(900px 500px at -10% 110%, #C7F0E8 0%, transparent 55%),
        var(--bg);
}

/* Small brand mark / auth mark — vibrant indigo */
.portal-brand-mark, .auth-mark {
    background: linear-gradient(135deg, #6A5BFF 0%, #4234D8 100%);
}

/* Optional: slight gradient on primary text-accent links */
a.text-primary, .text-primary { color: var(--accent) !important; }