/* ============================================
   BYLLR Warm Earth Skin
   Terracotta + cream palette override
   ============================================ */

/* --- Light Mode Variables --- */
:root {
    --byllr-electric: #C2714F;
    --byllr-electric-hover: #A85D3F;
    --byllr-surface: #FFF8F0;
    --byllr-surface-alt: #F5E6D3;
    --byllr-border: #E8D5C4;
    --byllr-text: #3D2B1F;
    --byllr-text-muted: #8B7355;
    --byllr-white: #FFFFFF;
    --byllr-card-bg: #FFFFFF;
    --byllr-charcoal: #3D2B1F;
    --byllr-navy: #4A3728;
    --byllr-deep-blue: #5C4033;
    --byllr-gradient: linear-gradient(135deg, #3D2B1F 0%, #5C4033 50%, #7A5C4F 100%);
    --byllr-gradient-accent: linear-gradient(135deg, #C2714F 0%, #A85D3F 100%);
    --byllr-shadow-glow: 0 0 30px rgba(194, 113, 79, 0.15);
    --byllr-radius: 12px;
    --byllr-radius-lg: 16px;
}

/* --- Dark Mode Variables --- */
[data-bs-theme="dark"] {
    --byllr-electric: #D4845F;
    --byllr-electric-hover: #C2714F;
    --byllr-surface: #1A1410;
    --byllr-surface-alt: #2A2018;
    --byllr-border: #4A3828;
    --byllr-text: #E8DDD4;
    --byllr-text-muted: #A89888;
    --byllr-white: #2A2018;
    --byllr-card-bg: #2A2018;
    --byllr-charcoal: #E8DDD4;
    --byllr-gradient: linear-gradient(135deg, #1A1410 0%, #2A2018 50%, #3A2820 100%);
    --byllr-gradient-accent: linear-gradient(135deg, #D4845F 0%, #C2714F 100%);
    --byllr-shadow-glow: 0 0 30px rgba(212, 132, 95, 0.25);
    --bs-body-bg: #1A1410;
    --bs-body-color: #E8DDD4;
}

/* --- Font Override --- */
body {
    font-family: 'DM Sans', sans-serif !important;
}

/* --- Dark Mode Hardcoded Color Overrides --- */

[data-bs-theme="dark"] body {
    background: #120E0A;
    color: #E4DCD4;
}

[data-bs-theme="dark"] h1,
[data-bs-theme="dark"] h2,
[data-bs-theme="dark"] h3,
[data-bs-theme="dark"] h4,
[data-bs-theme="dark"] h5,
[data-bs-theme="dark"] h6 {
    color: #E4DCD4;
}

[data-bs-theme="dark"] .card-header {
    background: #221A14;
    border-bottom-color: var(--byllr-border);
}

[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select {
    background: #221A14;
    border-color: var(--byllr-border);
    color: #E4DCD4;
}

[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus {
    background: #221A14;
    border-color: var(--byllr-electric);
    color: #E4DCD4;
}

[data-bs-theme="dark"] .form-label {
    color: #C4B8AC;
}

[data-bs-theme="dark"] .table {
    --bs-table-hover-bg: rgba(194, 113, 79, 0.06);
    --bs-table-color: #E4DCD4;
}

[data-bs-theme="dark"] .table thead th {
    color: var(--byllr-text-muted);
}

[data-bs-theme="dark"] .table-light {
    --bs-table-bg: #221A14;
    --bs-table-color: #E4DCD4;
}

[data-bs-theme="dark"] .modal-content {
    background: #1A1410;
}

[data-bs-theme="dark"] .list-group-item {
    color: #E4DCD4;
}

[data-bs-theme="dark"] .btn-outline-secondary {
    border-color: var(--byllr-border) !important;
    color: #9B8B78 !important;
}

[data-bs-theme="dark"] .btn-outline-secondary:hover {
    background: #221A14 !important;
    color: #E4DCD4 !important;
}

[data-bs-theme="dark"] .btn-check:checked+.btn-outline-secondary,
[data-bs-theme="dark"] .btn-outline-secondary.active,
[data-bs-theme="dark"] .btn-outline-secondary:active,
[data-bs-theme="dark"] .btn-group .btn-outline-secondary.active {
    background: var(--byllr-electric) !important;
    border-color: var(--byllr-electric) !important;
}

/* --- Light Mode Tweaks --- */

/* Softer card shadows in light mode */
.card {
    border-color: var(--byllr-border);
}

/* Primary button uses terracotta */
.btn-primary {
    background: var(--byllr-gradient-accent) !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(194, 113, 79, 0.25) !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background: var(--byllr-electric-hover) !important;
    border: none !important;
    box-shadow: 0 4px 16px rgba(194, 113, 79, 0.35) !important;
}

.btn-outline-primary {
    color: var(--byllr-electric) !important;
    border-color: var(--byllr-electric) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background-color: var(--byllr-electric) !important;
    border-color: var(--byllr-electric) !important;
    color: #fff !important;
}

/* Links */
a {
    color: var(--byllr-electric);
}

a:hover {
    color: var(--byllr-electric-hover);
}

/* Nav active states */
.nav-link.active,
.nav-tabs .nav-link.active {
    color: var(--byllr-electric) !important;
    border-bottom-color: var(--byllr-electric) !important;
}

.nav-pills .nav-link.active {
    background-color: var(--byllr-electric) !important;
    color: #fff !important;
}

/* Badge overrides */
.bg-primary {
    background-color: var(--byllr-electric) !important;
}

/* Text color utility */
.text-primary {
    color: var(--byllr-electric) !important;
}

.text-electric {
    color: var(--byllr-electric) !important;
}

/* Focus ring */
.form-control:focus,
.form-select:focus {
    border-color: var(--byllr-electric);
    box-shadow: 0 0 0 0.2rem rgba(194, 113, 79, 0.25);
}

/* Checkboxes, radios, switches */
.form-check-input:checked {
    background-color: var(--byllr-electric) !important;
    border-color: var(--byllr-electric) !important;
}

/* Page link active */
.page-link.active, .active > .page-link {
    background-color: var(--byllr-electric) !important;
    border-color: var(--byllr-electric) !important;
}

/* Brand dot */
.brand-dot {
    background: var(--byllr-electric) !important;
}