/* =========================================================
   Tenant brand values (legacy Bootstrap 3 palette mapped to tokens)
   Primary: #2b2a2a
   Accent:  #af9365
   ========================================================= */

[data-bs-theme="light"],
[data-bs-theme="dark"] {
    --brand-primary: #2b2a2a;
    --brand-secondary: #af9365;
    --brand-on-primary: #ffffff;
}

/* =========================================================
   Light theme tenant overrides
   ========================================================= */

[data-bs-theme="light"] {
    /* base surfaces and typography */
    --color-text: #2b2a2a;
    --color-text-muted: #5f5a52;
    --color-surface: #ffffff;
    --color-surface-muted: #ffffff;
    --color-surface-subtle: #f6f4f1;
    --color-border: #d2d2d2;
    --color-border-strong: #c6c6c6;
    --app-wrapper-bg: #ffffff;

    /* links */
    --color-link: #af9365;
    --color-link-hover: #af9365;

    /* action controls */
    --color-action-bg: var(--brand-primary);
    --color-action-hover: #1f1e1e;
    --color-action-text: #ffffff;

    /* focus / active states */
    --color-focus-ring: rgba(43, 42, 42, 0.24);
    --color-focus-border: var(--brand-primary);

    /* branded surfaces */
    --app-sidebar-logo: var(--brand-primary);
    --app-card-header-bg: var(--brand-primary);
    --app-card-header-text: #ffffff;
    --app-accordion-header-bg: var(--brand-primary);
    --app-accordion-header-text: #ffffff;

    /* navigation */
    --app-topnav-bg: rgba(255, 255, 255, 0.95);
    --app-mobile-nav-bg: rgba(43, 42, 42, 0.95);
    --app-mobile-nav-text: #ffffff;
    --app-mobile-nav-hover: #af9365;
    --app-mobile-nav-active: #af9365;
}

/* =========================================================
   Dark theme tenant overrides
   ========================================================= */

[data-bs-theme="dark"] {
    --color-focus-ring: rgba(175, 147, 101, 0.32);
    --color-focus-border: #af9365;
    --color-link: #d2bc93;
    --color-link-hover: #ffffff;
    --app-sidebar-link-hover: #d2bc93;
    --app-card-header-bg: var(--brand-primary);
    --app-card-header-text: #ffffff;
    --app-mobile-nav-bg: rgba(43, 42, 42, 0.95);
    --app-mobile-nav-text: #f5f5f5;
    --app-mobile-nav-hover: #ffffff;
    --app-mobile-nav-active: #ffffff;
}

/* =========================================================
   Plugin compatibility (legacy colour intent)
   ========================================================= */

.flatpickr-day.today {
    border-color: var(--brand-primary);
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover {
    background: var(--brand-primary);
    border-color: var(--brand-primary);
    color: #ffffff;
}