/* === BABURHASHIBD — Custom CSS Theme === */
/* Palette sampled straight off the BaburhashiBD logo: deep violet for structure, a brighter magenta-violet for anything that has to be pressed or noticed. */

:root {
    /* Purples, lifted from the "B" mascot and the "BABUR"/"BD" letters.
       --primary is deepened just far enough to clear 4.5:1 on white, so it
       is safe for text as well as fills. */
    --primary: #4f0e94;
    --primary-brand: #7721ce;   /* the logo's own mid violet — gradients, graphics */
    --primary-light: #9a41f0;   /* the "HASHI" lettering's lighter violet — highlights, hovers */
    --primary-dark: #3a0775;    /* headings on light grounds */
    --primary-darker: #270361;  /* footer, sidebar, deep panels */
    --primary-rgb: 79, 14, 148;

    /* The bright magenta-violet from the logo's heart accent and highlights.
       --accent is the graphic tone; --accent-text is the darkened one to use
       when it must be read. Names kept from the shipped theme structure. */
    --accent: #bd06f1;
    --accent-gold: #e6b3ff;     /* light violet-pink — sings on dark grounds */
    --accent-dark: #9107d9;
    --accent-light: #f0d9ff;
    --accent-text: #7a0bb8;
    --accent-rgb: 189, 6, 241;

    /* Grounds: a violet-tinted ivory rather than the old flat cream */
    --cream: #fdfaff;
    --cream-dark: #f5ecff;
    --leaf-tint: #f0e0ff;
    --gold-tint: #f9e8ff;

    --white: #ffffff;
    --dark: #1e1029;
    --gray-100: #f7f5f9;
    --gray-200: #e9e3ee;
    --gray-500: #6c757d;
    --success: #43a047;
    --danger: #e63946;
    --warning: #f57c00;
    --font-primary: 'Hind Siliguri', sans-serif;
    --shadow-sm: 0 2px 8px rgba(58, 7, 117, 0.07);
    --shadow-md: 0 4px 16px rgba(58, 7, 117, 0.11);
    --shadow-lg: 0 8px 32px rgba(58, 7, 117, 0.15);
    --radius: 12px;
    --radius-sm: 8px;
    --radius-lg: 20px;
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    /* The logo's own gradient sweep, reusable wherever the sites wants it */
    --brand-gradient: linear-gradient(100deg, #3a0775 0%, #7721ce 40%, #9a41f0 70%, #bd06f1 100%);
}


/* === BRAND LOGO === */
/* One treatment for the BaburhashiBD wordmark everywhere it appears, so the navbar,
   the footer, the auth screens and the admin sidebar all show it identically. */
.brand-logo {
    width: auto;
    max-width: 100%;
    height: 44px;
    display: block;
    object-fit: contain;
}
.brand-logo-sm { height: 34px; }
.brand-logo-lg { height: 64px; }
/* Lifting the logo a little and adding a faint halo separates it from a dark
   panel (footer, admin sidebar) without recolouring it or flattening its gradient. */
.brand-logo-on-dark {
    filter: brightness(1.2) saturate(1.08)
            drop-shadow(0 0 1px rgba(255, 255, 255, 0.5))
            drop-shadow(0 2px 6px rgba(0, 0, 0, 0.35));
}
.navbar-brand .brand-logo { height: 46px; }
.navbar.scrolled .navbar-brand .brand-logo { height: 38px; }
@media (max-width: 575.98px) {
    .navbar-brand .brand-logo,
    .navbar.scrolled .navbar-brand .brand-logo { height: 34px; }
}

/* === BOOTSTRAP, RETUNED TO THE BRAND === */
/* Bootstrap ships a blue "primary" and a teal "success". Left alone they turn
   up as blue buttons and links right across the admin, beside a violet panel.
   Remapping Bootstrap's own variables recolours every component that reads them
   — buttons, links, badges, focus rings, form controls — in one place, rather
   than chasing 200 individual class usages through the views. Success stays a
   true green rather than following the brand violet, since a green checkmark
   is the universal "this worked" signal shoppers already expect. */
:root,
[data-bs-theme="light"] {
    --bs-primary: #4f0e94;
    --bs-primary-rgb: 79, 14, 148;
    --bs-primary-text-emphasis: #3a0775;
    --bs-primary-bg-subtle: #f0e0ff;
    --bs-primary-border-subtle: #d9b3fa;

    --bs-success: #2e7d32;
    --bs-success-rgb: 46, 125, 50;
    --bs-success-text-emphasis: #1b4d20;
    --bs-success-bg-subtle: #e8f5e9;
    --bs-success-border-subtle: #a5d6a7;

    --bs-warning: #f57c00;
    --bs-warning-rgb: 245, 124, 0;
    --bs-warning-text-emphasis: #a15c00;
    --bs-warning-bg-subtle: #fff3d6;
    --bs-warning-border-subtle: #ffd54f;

    --bs-link-color: #4f0e94;
    --bs-link-color-rgb: 79, 14, 148;
    --bs-link-hover-color: #3a0775;
    --bs-link-hover-color-rgb: 58, 7, 117;

    --bs-body-color: #1e1029;
    --bs-emphasis-color: #120818;
    --bs-border-color: #e9e3ee;
}

/* Bootstrap 5.3 bakes its blue into these component variables, so they need
   naming explicitly rather than inheriting from --bs-primary. */
.btn-primary {
    --bs-btn-bg: #4f0e94;
    --bs-btn-border-color: #4f0e94;
    --bs-btn-hover-bg: #3a0775;
    --bs-btn-hover-border-color: #3a0775;
    --bs-btn-active-bg: #270361;
    --bs-btn-active-border-color: #270361;
    --bs-btn-disabled-bg: #4f0e94;
    --bs-btn-disabled-border-color: #4f0e94;
    --bs-btn-focus-shadow-rgb: 79, 14, 148;
}
.btn-outline-primary {
    --bs-btn-color: #4f0e94;
    --bs-btn-border-color: #4f0e94;
    --bs-btn-hover-bg: #4f0e94;
    --bs-btn-hover-border-color: #4f0e94;
    --bs-btn-active-bg: #3a0775;
    --bs-btn-active-border-color: #3a0775;
    --bs-btn-focus-shadow-rgb: 79, 14, 148;
}
.btn-success {
    --bs-btn-bg: #2e7d32;
    --bs-btn-border-color: #2e7d32;
    --bs-btn-hover-bg: #256428;
    --bs-btn-hover-border-color: #256428;
    --bs-btn-active-bg: #1b4d20;
    --bs-btn-active-border-color: #1b4d20;
    --bs-btn-focus-shadow-rgb: 46, 125, 50;
}
.btn-outline-success {
    --bs-btn-color: #2e7d32;
    --bs-btn-border-color: #2e7d32;
    --bs-btn-hover-bg: #2e7d32;
    --bs-btn-hover-border-color: #2e7d32;
    --bs-btn-focus-shadow-rgb: 46, 125, 50;
}
/* Bootstrap's warning button keeps dark text, so it can stay the brand gold. */
.btn-warning {
    --bs-btn-bg: #ffb300;
    --bs-btn-border-color: #ffb300;
    --bs-btn-hover-bg: #f57c00;
    --bs-btn-hover-border-color: #f57c00;
    --bs-btn-active-bg: #d96a00;
    --bs-btn-active-border-color: #d96a00;
    --bs-btn-color: #5c0a2e;
    --bs-btn-hover-color: #5c0a2e;
    --bs-btn-focus-shadow-rgb: 255, 179, 0;
}

/* The brand's own button, for the places that want the full logo sweep. */
.btn-brand {
    background: linear-gradient(120deg, #4f0e94, #7721ce);
    border: none;
    color: #fff;
    font-weight: 600;
}
.btn-brand:hover,
.btn-brand:focus {
    background: linear-gradient(120deg, #3a0775, #4f0e94);
    color: #fff;
}

/* Focus rings and checked controls follow the brand rather than Bootstrap blue. */
.form-control:focus,
.form-select:focus {
    border-color: #9a41f0;
    box-shadow: 0 0 0 0.2rem rgba(79, 14, 148, 0.18);
}
.form-check-input:checked {
    background-color: #4f0e94;
    border-color: #4f0e94;
}
.form-check-input:focus {
    border-color: #9a41f0;
    box-shadow: 0 0 0 0.2rem rgba(79, 14, 148, 0.18);
}
.nav-pills {
    --bs-nav-pills-link-active-bg: #4f0e94;
}
.page-item.active .page-link {
    background-color: #4f0e94;
    border-color: #4f0e94;
}
.page-link { color: #4f0e94; }
.page-link:focus { box-shadow: 0 0 0 0.2rem rgba(79, 14, 148, 0.18); }

/* Bootstrap's outline-warning inherits the fill colour for its text, which at
   the brand gold is too light to read on white. Darken just the text. */
.btn-outline-warning {
    --bs-btn-color: #a15c00;
    --bs-btn-border-color: #ffb300;
    --bs-btn-hover-bg: #ffb300;
    --bs-btn-hover-border-color: #ffb300;
    --bs-btn-hover-color: #5c0a2e;
    --bs-btn-active-bg: #f57c00;
    --bs-btn-active-color: #5c0a2e;
    --bs-btn-focus-shadow-rgb: 255, 179, 0;
}
.text-warning { color: #a15c00 !important; }

/* A letter-spacing utility four screens ask for by its Tailwind name. This is
   a Bootstrap project, so nothing was answering; defined here because the auth
   layout uses it too and loads only this stylesheet. */
.tracking-wider { letter-spacing: 0.05em; }