/* ============================================================
   BRAND — edit these to rebrand the site visually
   ============================================================ */
:root {
    --brand-primary:       #f0a500;
    --brand-primary-hover: #d49200;
    --brand-radius:        0px;

    /* Full color system */
    --c-bg:        #0d0c0b;
    --c-surface:   #161513;
    --c-surface-2: #1e1c1a;
    --c-gold:      #f0a500;
    --c-gold-dim:  #8a6820;
    --c-text:      #f0ece4;
    --c-muted:     #9a9490;
    --c-border:    rgba(240, 165, 0, 0.12);
    --c-border-hi: rgba(240, 165, 0, 0.4);
}

/* Bootstrap dark theme override */
[data-bs-theme="dark"] {
    --bs-body-bg:           var(--c-bg);
    --bs-body-color:        var(--c-text);
    --bs-border-color:      var(--c-border);
    --bs-secondary-color:   var(--c-muted);
    --bs-tertiary-bg:       var(--c-surface);
    --bs-secondary-bg:      var(--c-surface-2);
    --bs-link-color:        var(--c-gold);
    --bs-link-hover-color:  var(--brand-primary-hover);
    --bs-body-font-family:  'Lora', Georgia, serif;
    color-scheme: dark;
}

/* Branded buttons */
.btn-brand {
    --bs-btn-font-family:        'Syne', sans-serif;
    --bs-btn-font-weight:        700;
    --bs-btn-letter-spacing:     0.06em;
    --bs-btn-color:              #0d0c0b;
    --bs-btn-bg:                 var(--c-gold);
    --bs-btn-border-color:       var(--c-gold);
    --bs-btn-hover-color:        #0d0c0b;
    --bs-btn-hover-bg:           var(--brand-primary-hover);
    --bs-btn-hover-border-color: var(--brand-primary-hover);
    --bs-btn-active-color:       #0d0c0b;
    --bs-btn-active-bg:          var(--brand-primary-hover);
    border-radius: 0;
    text-transform: uppercase;
    font-size: 0.75rem !important;
}

.btn-outline-brand {
    --bs-btn-font-family:        'Syne', sans-serif;
    --bs-btn-font-weight:        700;
    --bs-btn-letter-spacing:     0.06em;
    --bs-btn-color:              var(--c-gold);
    --bs-btn-border-color:       var(--c-gold);
    --bs-btn-hover-color:        #0d0c0b;
    --bs-btn-hover-bg:           var(--c-gold);
    --bs-btn-hover-border-color: var(--c-gold);
    --bs-btn-active-color:       #0d0c0b;
    --bs-btn-active-bg:          var(--c-gold);
    border-radius: 0;
    text-transform: uppercase;
    font-size: 0.75rem !important;
}