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

:root {
    /* Brand Colors - Vibrant Orange Theme */
    --primary: #9B0F06;
    /* Deep Orange */
    --primary-light: #D53E0F;
    /* Vivid Orange */
    --primary-dark: #5E0006;
    /* Burnt Orange Dark */
    --secondary: #ffd600;
    /* Golden Yellow Accent */
    --secondary-light: #ffea00;
    --accent: #fff3e0;
    /* Soft Orange Tint */

    /* Semantic Colors */
    --success: #10b981;
    /* Emerald */
    --danger: #ef4444;
    /* Rose Red */
    --warning: #f59e0b;
    /* Amber */
    --info: #3b82f6;
    /* Blue */
    --star: #f59e0b;
    --discount: #e11d48;
    --out-of-stock: #64748b;

    /* Modern Neutrals */
    --text-dark: #0f172a;
    /* Slate 900 */
    --text-main: #334155;
    /* Slate 700 */
    --text-gray: #64748b;
    /* Slate 500 */
    --text-muted: #94a3b8;
    /* Slate 400 */
    --bg-light: #f8fafc;
    /* Slate 50 */
    --bg-faint: #f1f5f9;
    /* Slate 100 */
    --bg-white: #ffffff;
    --border: #e2e8f0;
    /* Slate 200 */
    --border-light: #f1f5f9;

    /* Design Tokens - Premium Aesthetics */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

    /* Glassmorphism */
    --glass-bg: rgba(255, 255, 255, 0.8);
    --glass-border: rgba(255, 255, 255, 0.3);
    --glass-blur: blur(12px);

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 24px;
    --transition: all .3s cubic-bezier(0.4, 0, 0.2, 1);

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

    /* Layout Variables */
    --admin-sidebar-bg: #1a0a00;
    --sidebar-bg: #1a0a00;
    --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;
}