/* ============================================================
   Onlik Bootstrap theme — maps brand colors onto Bootstrap 5.3
   CSS variables. Load AFTER bootstrap.min.css.
   Color palette is the only thing preserved from the legacy
   design system; everything else is Bootstrap defaults.
   ============================================================ */

:root,
[data-bs-theme="dark"] {
    /* Brand palette */
    --onlik-bg: #0c0908;
    --onlik-surface: #141110;
    --onlik-surface-2: #1a1614;
    --onlik-surface-3: #221c19;
    --onlik-border: #2a2320;
    --onlik-border-strong: #3a302b;

    --onlik-text: #f1e7d8;
    --onlik-text-muted: #8a7f76;
    --onlik-text-dim: #5b524b;

    --onlik-accent: #e88333;
    --onlik-accent-hover: #ec9e67;
    --onlik-accent-rgb: 170, 95, 34;

    --onlik-success: #5fb878;
    --onlik-success-rgb: 95, 184, 120;
    --onlik-danger: #e05a5a;
    --onlik-danger-rgb: 224, 90, 90;
    --onlik-info: #c9a26b;
    --onlik-info-rgb: 201, 162, 107;
}

:root,
[data-bs-theme="dark"] {
    /* Body */
    --bs-body-bg: var(--onlik-bg);
    --bs-body-color: var(--onlik-text);
    --bs-body-color-rgb: 241, 231, 216;
    --bs-emphasis-color: var(--onlik-text);
    --bs-secondary-color: var(--onlik-text-muted);
    --bs-tertiary-color: var(--onlik-text-dim);

    /* Surfaces */
    --bs-secondary-bg: var(--onlik-surface-2);
    --bs-secondary-bg-rgb: 26, 22, 20;
    --bs-tertiary-bg: var(--onlik-surface);
    --bs-tertiary-bg-rgb: 20, 17, 16;

    /* Borders */
    --bs-border-color: var(--onlik-border);
    --bs-border-color-translucent: var(--onlik-border);

    /* Primary = brand orange */
    --bs-primary: var(--onlik-accent);
    --bs-primary-rgb: var(--onlik-accent-rgb);
    --bs-primary-text-emphasis: var(--onlik-accent-hover);
    --bs-primary-bg-subtle: rgba(var(--onlik-accent-rgb), .14);
    --bs-primary-border-subtle: rgba(var(--onlik-accent-rgb), .45);

    --bs-link-color: var(--onlik-accent);
    --bs-link-color-rgb: var(--onlik-accent-rgb);
    --bs-link-hover-color: var(--onlik-accent-hover);

    /* Semantic */
    --bs-success: var(--onlik-success);
    --bs-success-rgb: var(--onlik-success-rgb);
    --bs-danger: var(--onlik-danger);
    --bs-danger-rgb: var(--onlik-danger-rgb);
    --bs-info: var(--onlik-info);
    --bs-info-rgb: var(--onlik-info-rgb);

    /* Form controls */
    --bs-form-control-bg: var(--onlik-surface-2);
    --bs-form-control-disabled-bg: var(--onlik-surface);
}

/* Defensive: pin nav-pills active state to brand accent in case --bs-primary
   is shadowed by a more specific Bootstrap rule. */
.nav-pills {
    --bs-nav-pills-link-active-color: #1a0f00;
    --bs-nav-pills-link-active-bg: var(--onlik-accent);
}

/* Truncate long option text in compact header selects */
.context-select {
    max-width: 220px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* Bootstrap's .btn-primary uses --bs-btn-* tokens; align text color for legibility on orange */
.btn-primary {
    --bs-btn-color: #1a0f00;
    --bs-btn-bg: var(--onlik-accent);
    --bs-btn-border-color: var(--onlik-accent);
    --bs-btn-hover-color: #1a0f00;
    --bs-btn-hover-bg: var(--onlik-accent-hover);
    --bs-btn-hover-border-color: var(--onlik-accent-hover);
    --bs-btn-active-color: #1a0f00;
    --bs-btn-active-bg: var(--onlik-accent-hover);
    --bs-btn-active-border-color: var(--onlik-accent-hover);
    --bs-btn-disabled-color: #1a0f00;
    --bs-btn-disabled-bg: var(--onlik-accent);
    --bs-btn-disabled-border-color: var(--onlik-accent);
}