/* ══════════════════════════════════════════════════════════
   LinkByCar Theme — Tabler CSS variable overrides
   Shared across Admin UI and Data Catalog pages.

   Color palette (from brand design system):
     Daintree  #002432  — darkest backgrounds
     Cyprus    #003E48  — dark hover, headers
     Casal     #006575  — primary brand color
     Cyan      #35FFE8  — accent, highlights
     Flavescent #FFF48B — secondary accent, warm highlights
     White     #FFFFFF  — backgrounds, text on dark
   ══════════════════════════════════════════════════════════ */

/* ── Tabler root variable overrides ── */
:root,
[data-bs-theme=light] {
    /* Primary — Casal */
    --tblr-primary: #006575;
    --tblr-primary-rgb: 0, 101, 117;
    --tblr-primary-fg: #fff;
    /* Secondary — Cyprus */
    --tblr-secondary: #003E48;
    --tblr-secondary-rgb: 0, 62, 72;
    --tblr-secondary-fg: #fff;
    /* Links */
    --tblr-link-color: #006575;
    --tblr-link-color-rgb: 0, 101, 117;
    --tblr-link-hover-color: #003E48;
    --tblr-link-hover-color-rgb: 0, 62, 72;
    /* Typography */
    --tblr-font-sans-serif: 'Aeonik', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    /* Nav */
    --tblr-nav-link-color: #006575;
    --tblr-navbar-active-color: #006575;
    /* Surface */
    --tblr-body-bg: #f1f5f9;
    --tblr-body-color: #1e293b;
    --tblr-border-color: #e2e8f0;

    /* ── LBC semantic tokens (for non-Tabler pages) ── */
    --lbc-daintree: #002432;
    --lbc-cyprus: #003E48;
    --lbc-casal: #006575;
    --lbc-casal-light: #007585;
    --lbc-cyan: #35FFE8;
    --lbc-flavescent: #FFF48B;
    --lbc-bg: #f1f5f9;
    --lbc-text: #1e293b;
    --lbc-text-muted: #64748b;
    --lbc-text-subtle: #94a3b8;
    --lbc-border: #e2e8f0;
    --lbc-card-bg: #fff;
    --lbc-table-header-bg: #f8fafc;
    --lbc-success: #2fb344;
    --lbc-danger: #d63939;

    /* ── HTTP verb colors (shared across Swagger, ReDoc, Scalar) ── */
    --lbc-http-get: #006575;       /* Casal */
    --lbc-http-post: #2fb344;      /* Success green */
    --lbc-http-put: #f76707;       /* Orange */
    --lbc-http-delete: #d63939;    /* Danger red */
    --lbc-http-patch: #ae3ec9;     /* Purple */
}

/* ── Focus rings ── */
.form-control:focus,
.form-select:focus {
    border-color: var(--lbc-casal);
    box-shadow: 0 0 0 .25rem rgba(0, 101, 117, .25);
}

/* ── Breadcrumb links ── */
.page-pretitle a,
.breadcrumb-item a { color: var(--lbc-casal); }
.page-pretitle a:hover,
.breadcrumb-item a:hover { color: var(--lbc-cyprus); }

/* ── Shared button styles ── */
.btn-lbc {
    background: var(--lbc-casal);
    color: #fff;
    border: 1px solid var(--lbc-casal);
}
.btn-lbc:hover {
    background: var(--lbc-cyprus);
    color: #fff;
}
.btn-lbc-outline {
    background: #fff;
    color: var(--lbc-casal);
    border: 1px solid var(--lbc-casal);
}
.btn-lbc-outline:hover {
    background: var(--lbc-casal);
    color: #fff;
}

/* ── Card accent bar ── */
.card-status-top-lbc {
    height: 3px;
    background: linear-gradient(90deg, var(--lbc-casal), var(--lbc-cyan));
}

/* ── Global scrollbar (matches Swagger/Scalar/ReDoc) ── */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: var(--lbc-bg);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb {
    background: var(--lbc-casal);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--lbc-cyprus);
}
* {
    scrollbar-width: thin;
    scrollbar-color: var(--lbc-casal) var(--lbc-bg);
}