/* ============================================================
   JahinMart — Theme Variables
   Color variables are centralized here for easy theming
   ============================================================ */

:root {
    /* Brand Colors - Modern Scholar (Navy & Antique Gold) */
    --primary: #1a237e;
    /* Deep Oxford Navy */
    --primary-light: #3f51b5;
    --primary-dark: #121858;
    --secondary: #ffb300;
    /* Deeper Antique Gold */
    --secondary-light: #fbc037;
    --accent: #f5f5f5;

    /* Semantic Colors */
    --success: #2e7d32;
    --danger: #c62828;
    --warning: #fbc02d;
    --info: #0288d1;
    --star: #ffb300;
    --discount: #d32f2f;
    --out-of-stock: #546e7a;

    /* Scholarly Neutrals */
    --text-dark: #1a1a1a;
    --text-main: #2c3e50;
    /* Charcoal Slate */
    --text-gray: #546e7a;
    --text-muted: #78909c;
    --bg-light: #fdfdf5;
    /* Antique Ivory */
    --bg-faint: #f5f5f0;
    /* Soft Paper Tint */
    --bg-white: #ffffff;
    --border: #e0e0d1;
    --border-light: #f0f0e6;

    /* Design Tokens */
    --shadow-sm: 0 2px 8px rgba(26, 35, 126, .06);
    --shadow-md: 0 8px 24px rgba(26, 35, 126, .1);
    --shadow-lg: 0 12px 40px rgba(26, 35, 126, .12);
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --transition: all .3s ease;

    /* Typography - Scholarly Pairings */
    --font-bn: 'Hind Siliguri', sans-serif;
    --font-en: 'Inter', sans-serif;
    --font-header: 'Hind Siliguri', sans-serif;

    /* Layout Variables (Restoring Footer & Admin Sidebar Colors) */
    --admin-sidebar-bg: #121858;
    --sidebar-bg: #1a237e;
    --sidebar-w: 260px;
    --topbar-h: 70px;
}

/* ============================================================
   Overrides for Global Theme Mapping
   Making sure all primary buttons across the site look alike
   ============================================================ */

.btn-primary,
.bg-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #fff !important;
}

.btn-primary:hover {
    background-color: var(--primary-dark) !important;
    border-color: var(--primary-dark) !important;
}

.text-primary {
    color: var(--primary) !important;
}

.border-primary {
    border-color: var(--primary) !important;
}

/* Legacy 'success' used as brand color mapping */
.btn-success,
.bg-success {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #fff !important;
}

.btn-success:hover {
    background-color: var(--primary-dark) !important;
    border-color: var(--primary-dark) !important;
}

.text-success {
    color: var(--primary) !important;
}

.border-success {
    border-color: var(--primary) !important;
}

.btn-outline-success {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.btn-outline-success:hover {
    background-color: var(--primary) !important;
    color: #fff !important;
}