/*
|--------------------------------------------------------------------------
| Bortexa Design System V1
| Only active when html[data-brand="bortexa"]
|--------------------------------------------------------------------------
*/

html[data-brand="bortexa"] {
    --bx-bg: #07090e;
    --bx-bg-soft: #0c1018;
    --bx-surface: rgba(17, 22, 32, .92);
    --bx-surface-strong: #141a25;
    --bx-surface-hover: #192130;
    --bx-border: rgba(255, 255, 255, .09);
    --bx-border-strong: rgba(202, 168, 92, .32);
    --bx-text: #f4f1e8;
    --bx-text-soft: #a8afbc;
    --bx-text-muted: #727b8b;
    --bx-gold: #caa85c;
    --bx-gold-light: #ead39a;
    --bx-blue: #7694c8;
    --bx-success: #56b892;
    --bx-danger: #e27979;
    --bx-warning: #d9a85d;
    --bx-radius-sm: 8px;
    --bx-radius: 14px;
    --bx-radius-lg: 22px;
    --bx-shadow: 0 24px 80px rgba(0, 0, 0, .34);
    --bx-font:
        "Inter",
        "SF Pro Display",
        "Helvetica Neue",
        Arial,
        sans-serif;
    color-scheme: dark;
}

html[data-brand="bortexa"][data-theme="light"] {
    --bx-bg: #f2f0ea;
    --bx-bg-soft: #e9e6de;
    --bx-surface: rgba(255, 255, 255, .90);
    --bx-surface-strong: #ffffff;
    --bx-surface-hover: #f5f2eb;
    --bx-border: rgba(28, 34, 44, .11);
    --bx-border-strong: rgba(139, 105, 40, .28);
    --bx-text: #171b22;
    --bx-text-soft: #555d69;
    --bx-text-muted: #7b828c;
    --bx-gold: #9b742e;
    --bx-gold-light: #bb9347;
    --bx-blue: #496a9b;
    --bx-success: #2f8e6a;
    --bx-danger: #bd4f4f;
    --bx-warning: #a87127;
    --bx-shadow: 0 20px 60px rgba(29, 35, 43, .12);
    color-scheme: light;
}

html[data-brand="bortexa"],
html[data-brand="bortexa"] body {
    background: var(--bx-bg) !important;
    color: var(--bx-text) !important;
    font-family: var(--bx-font) !important;
}

html[data-brand="bortexa"] body {
    min-height: 100vh;
    letter-spacing: -.01em;
}

html[data-brand="bortexa"] body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    background:
        radial-gradient(
            circle at 12% 4%,
            rgba(202, 168, 92, .11),
            transparent 31%
        ),
        radial-gradient(
            circle at 92% 10%,
            rgba(74, 99, 140, .12),
            transparent 34%
        ),
        linear-gradient(
            180deg,
            var(--bx-bg),
            var(--bx-bg-soft)
        );
}

html[data-brand="bortexa"] body::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    opacity: .17;
    pointer-events: none;
    background-image:
        linear-gradient(
            rgba(255, 255, 255, .025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, .025) 1px,
            transparent 1px
        );
    background-size: 64px 64px;
    mask-image:
        linear-gradient(to bottom, black, transparent 72%);
}

html[data-brand="bortexa"] ::selection {
    color: #07090e;
    background: var(--bx-gold-light);
}

html[data-brand="bortexa"] a {
    color: inherit;
}

html[data-brand="bortexa"] h1,
html[data-brand="bortexa"] h2,
html[data-brand="bortexa"] h3,
html[data-brand="bortexa"] h4 {
    color: var(--bx-text);
    letter-spacing: -.035em;
}

html[data-brand="bortexa"] p,
html[data-brand="bortexa"] small,
html[data-brand="bortexa"] .muted,
html[data-brand="bortexa"] .subtitle {
    color: var(--bx-text-soft);
}

html[data-brand="bortexa"] input,
html[data-brand="bortexa"] select,
html[data-brand="bortexa"] textarea {
    color: var(--bx-text) !important;
    background: var(--bx-bg-soft) !important;
    border: 1px solid var(--bx-border) !important;
    border-radius: var(--bx-radius-sm) !important;
    box-shadow: none !important;
}

html[data-brand="bortexa"] input:focus,
html[data-brand="bortexa"] select:focus,
html[data-brand="bortexa"] textarea:focus {
    border-color: var(--bx-gold) !important;
    box-shadow:
        0 0 0 3px rgba(202, 168, 92, .12) !important;
    outline: none !important;
}

html[data-brand="bortexa"] button,
html[data-brand="bortexa"] .btn,
html[data-brand="bortexa"] [class*="button"] {
    border-radius: var(--bx-radius-sm) !important;
    font-family: var(--bx-font) !important;
    letter-spacing: -.01em;
}

html[data-brand="bortexa"] .btn-primary,
html[data-brand="bortexa"] .primaryBtn,
html[data-brand="bortexa"] [class*="primary-btn"],
html[data-brand="bortexa"] button[type="submit"] {
    color: #0b0d11 !important;
    background:
        linear-gradient(
            135deg,
            var(--bx-gold-light),
            var(--bx-gold)
        ) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    box-shadow:
        0 12px 32px rgba(202, 168, 92, .18) !important;
}

html[data-brand="bortexa"] .card,
html[data-brand="bortexa"] [class*="Card"],
html[data-brand="bortexa"] [class*="card"],
html[data-brand="bortexa"] .panel,
html[data-brand="bortexa"] .box {
    color: var(--bx-text);
    background: var(--bx-surface) !important;
    border-color: var(--bx-border) !important;
    box-shadow: var(--bx-shadow);
    backdrop-filter: blur(18px);
}

html[data-brand="bortexa"] header,
html[data-brand="bortexa"] nav,
html[data-brand="bortexa"] aside,
html[data-brand="bortexa"] .sidebar,
html[data-brand="bortexa"] .topbar {
    border-color: var(--bx-border) !important;
}

html[data-brand="bortexa"] table {
    color: var(--bx-text);
    border-color: var(--bx-border) !important;
}

html[data-brand="bortexa"] th {
    color: var(--bx-text-soft) !important;
    background: rgba(255, 255, 255, .025) !important;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 11px;
}

html[data-brand="bortexa"] td {
    border-color: var(--bx-border) !important;
}

html[data-brand="bortexa"] tbody tr:hover {
    background: var(--bx-surface-hover) !important;
}

html[data-brand="bortexa"] hr {
    border-color: var(--bx-border);
}

html[data-brand="bortexa"] .brand img,
html[data-brand="bortexa"] .logo img,
html[data-brand="bortexa"] [class*="brand"] img {
    object-fit: contain;
}

html[data-brand="bortexa"] .bx-brand-signature {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--bx-text-soft);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}

html[data-brand="bortexa"] .bx-brand-signature::before {
    content: "";
    width: 22px;
    height: 1px;
    background: var(--bx-gold);
}

html[data-brand="bortexa"] .bx-accent {
    color: var(--bx-gold-light) !important;
}

html[data-brand="bortexa"] .bx-status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    color: var(--bx-text-soft);
    background: rgba(255, 255, 255, .035);
    border: 1px solid var(--bx-border);
    border-radius: 999px;
    font-size: 12px;
}

html[data-brand="bortexa"] .bx-status::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--bx-success);
    box-shadow: 0 0 16px var(--bx-success);
}

@media (max-width: 760px) {
    html[data-brand="bortexa"] {
        --bx-radius-lg: 16px;
        --bx-radius: 12px;
    }

    html[data-brand="bortexa"] body::after {
        background-size: 40px 40px;
    }
}