/* ============================================================
   i-Rent Theme — global override layer over Bootstrap/Metronic
   ------------------------------------------------------------
   Remaps Metronic's default palette/radii to the i-Rent design
   system app-wide WITHOUT editing style.bundle.css.

   Load order: style.bundle.css → irent-ds.css (canonical tokens)
   → THIS FILE. References the --blue-*/--ink-*/--shadow-* tokens
   from irent-ds.css as the single source of truth.

   Why the selectors below:
   - Metronic redeclares the palette inside [data-bs-theme=light]
     (style.bundle.css ~34002-34160), which outranks a plain :root.
     So primary-family overrides MUST live in [data-bs-theme=light].
   - Link/radius/focus vars live in Metronic's :root (~80-124) and
     are overridden in our :root.
   - .card / .badge hardcode their radius/shadow as component-level
     vars → overridden on the component rule.
   - .form-check-input:checked hardcodes the blue hex (no var) →
     needs an explicit rule. It's the only true hardcoded hex.
   No !important needed: equal specificity + later source order wins.
   ============================================================ */

/* ---- Tier A: primary palette (beats [data-bs-theme=light]) ---- */
[data-bs-theme=light] {
    --bs-primary:           #0b64f4;
    --bs-primary-rgb:       11, 100, 244;
    --bs-primary-active:    #0950c3;
    --bs-primary-light:     #f0f6fe;
    --bs-primary-inverse:   #ffffff;
    --bs-primary-clarity:   rgba(11, 100, 244, 0.2);
    --bs-text-primary:      #0b64f4;

    /* Active/checked/hover component accents (checkboxes via .btn-check,
       active menu states, list selections, etc.) */
    --bs-component-active-bg:   #0b64f4;
    --bs-component-hover-color: #0b64f4;
    --bs-component-checked-bg:  #0b64f4;

    /* Sidebar / menu link accents */
    --bs-menu-link-color-hover:  #0b64f4;
    --bs-menu-link-color-show:   #0b64f4;
    --bs-menu-link-color-here:   #0b64f4;
    --bs-menu-link-color-active: #0b64f4;

    /* Ribbon */
    --bs-ribbon-label-bg:           #0b64f4;
    --bs-ribbon-label-border-color: #0840a0;

    /* Status families → i-Rent palette (success / warning / danger).
       -light is the soft tint used by .btn-light-* / .badge-light-* /
       .alert-* backgrounds; -active is the hover/pressed shade. */
    --bs-success:          #2f9e44;
    --bs-success-active:   #277a37;
    --bs-success-light:    #e6f6ea;
    --bs-success-inverse:  #ffffff;
    --bs-success-clarity:  rgba(47, 158, 68, 0.2);
    --bs-success-rgb:      47, 158, 68;
    --bs-text-success:     #2f9e44;

    --bs-warning:          #d97706;
    --bs-warning-active:   #b8640a;
    --bs-warning-light:    #fbe9da;
    --bs-warning-inverse:  #ffffff;
    --bs-warning-clarity:  rgba(217, 119, 6, 0.2);
    --bs-warning-rgb:      217, 119, 6;
    --bs-text-warning:     #d97706;

    --bs-danger:           #dc2626;
    --bs-danger-active:    #b91c1c;
    --bs-danger-light:     #fdeaea;
    --bs-danger-inverse:   #ffffff;
    --bs-danger-clarity:   rgba(220, 38, 38, 0.2);
    --bs-danger-rgb:       220, 38, 38;
    --bs-text-danger:      #dc2626;
}

/* ---- Tier B: links, radius, focus, text (Metronic :root vars) ---- */
:root {
    --bs-link-color:            #0b64f4;
    --bs-link-color-rgb:        11, 100, 244;
    --bs-link-hover-color:      #0950c3;
    --bs-link-hover-color-rgb:  9, 80, 195;

    --bs-focus-ring-color:      rgba(11, 100, 244, 0.25);

    /* Brand text color (i-Rent ink) */
    --bs-body-color:            #0f1729;
    --bs-heading-color:         #0f1729;

    /* Radius scale → i-Rent (md 8px / lg 12px / xl 16px) */
    --bs-border-radius:         0.5rem;   /* 8px  */
    --bs-border-radius-lg:      0.75rem;  /* 12px */
    --bs-border-radius-xl:      1rem;     /* 16px */

    /* Form validation colors (live in Metronic :root) */
    --bs-form-valid-color:          #2f9e44;
    --bs-form-valid-border-color:   #2f9e44;
    --bs-form-invalid-color:        #dc2626;
    --bs-form-invalid-border-color: #dc2626;
}

/* ---- Tier C: component-level literals (radius / shadow / border) ---- */
.card {
    --bs-card-border-radius:        12px;
    --bs-card-inner-border-radius:  11px;
    --bs-card-box-shadow:           var(--shadow-card);
    --bs-card-border-color:         var(--ink-200);
}

.badge {
    --bs-badge-border-radius: 8px;
}

/* ---- Tier D: the only hardcoded hex (no var to override) ---- */
.form-check-input:checked {
    background-color: var(--blue-500);
    border-color:     var(--blue-500);
}