/* ==============================================================================
   Copyright (c) 2025-2026 Greg Ames/Ames & Associates. All Rights Reserved.
   Project: Karaoke Dreamz | Filename: static/css/templates/bandbox/theme.css
   ==============================================================================
   Band in a Box theme tokens (Greg, 2026-10-07: "the other site is so pretty,
   this site is so not pretty"). The A&R Guru home page look: Bootstrap 5.3 dark
   color mode (data-bs-theme="dark" on <html> in templates/bandbox/base.html),
   the brand green (--brand-green, from templates/includes/brand_theme.html) as
   the one accent, Sora/Inter type. Only theme tokens live here, the same set
   home.html carries: Bootstrap compiles several colors to literals
   (.btn-primary, .btn-outline-*, the progress bar, checked inputs), so they are
   re-pointed here. Every page is still Bootstrap utilities. Contrast: every ink
   is >= 4.5:1 on the #0d1117 canvas (bandbox/tests/test_axe_phone.py).
   ============================================================================== */
[data-bs-theme="dark"] {
  --bs-body-bg:            #0d1117;
  --bs-body-bg-rgb:        13, 17, 23;
  --bs-secondary-bg:       #161b22;   --bs-secondary-bg-rgb: 22, 27, 34;
  --bs-tertiary-bg:        #1c232d;   --bs-tertiary-bg-rgb:  28, 35, 45;
  --bs-emphasis-color:     #f3f5f7;
  --bs-body-color:         #c9ced5;
  --bs-secondary-color:    #9aa6b2;
  --bs-border-color:       #2a313b;
  --bs-primary:            var(--brand-green);
  --bs-primary-rgb:        var(--brand-green-rgb);
  --bs-primary-text-emphasis: var(--brand-green-bright);
  --bs-primary-bg-subtle:  #0f2a1a;
  --bs-primary-border-subtle: #1d5a35;
  --bs-link-color:         var(--brand-green-bright);
  --bs-link-color-rgb:     var(--brand-green-bright-rgb);
  --bs-link-hover-color:   var(--brand-green);
  --bs-link-hover-color-rgb: var(--brand-green-rgb);
  --bs-focus-ring-color:   rgba(var(--brand-green-rgb), .35);
  --bs-body-font-family:   'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --bs-border-radius-lg:   .75rem;
}
body {
  background:
    radial-gradient(1100px 560px at 90% -10%, rgba(var(--brand-green-rgb), .08) 0%, transparent 60%),
    var(--bs-body-bg);
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.display-4, .display-5, .display-6, .navbar-brand {
  font-family: 'Sora', system-ui, sans-serif; color: var(--bs-emphasis-color); letter-spacing: -.02em;
}
.card { --bs-card-bg: var(--bs-secondary-bg); --bs-card-border-radius: 1rem; --bs-card-inner-border-radius: calc(1rem - 1px); }
.progress { --bs-progress-bar-bg: var(--brand-green); --bs-progress-bg: var(--bs-tertiary-bg); }
.form-check-input, .form-control, .form-select { border-color: #5c6570; }
.form-check-input:checked { background-color: var(--brand-green); border-color: var(--brand-green); }
.form-control:focus, .form-select:focus, .form-check-input:focus {
  border-color: var(--brand-green); box-shadow: 0 0 0 .25rem rgba(var(--brand-green-rgb), .25);
}
.btn-primary {
  --bs-btn-bg: var(--brand-green); --bs-btn-border-color: var(--brand-green); --bs-btn-color: var(--brand-ink-on-green);
  --bs-btn-hover-bg: var(--brand-green-bright); --bs-btn-hover-border-color: var(--brand-green-bright); --bs-btn-hover-color: var(--brand-ink-on-green);
  --bs-btn-active-bg: var(--brand-green-bright); --bs-btn-active-border-color: var(--brand-green-bright); --bs-btn-active-color: var(--brand-ink-on-green);
  --bs-btn-disabled-bg: var(--brand-green); --bs-btn-disabled-border-color: var(--brand-green); --bs-btn-disabled-color: var(--brand-ink-on-green);
  --bs-btn-focus-shadow-rgb: var(--brand-green-rgb); font-weight: 600;
}
.btn-outline-primary {
  --bs-btn-color: var(--brand-green-bright); --bs-btn-border-color: var(--brand-green);
  --bs-btn-hover-bg: var(--brand-green); --bs-btn-hover-border-color: var(--brand-green); --bs-btn-hover-color: var(--brand-ink-on-green);
  --bs-btn-active-bg: var(--brand-green); --bs-btn-active-border-color: var(--brand-green); --bs-btn-active-color: var(--brand-ink-on-green);
  --bs-btn-focus-shadow-rgb: var(--brand-green-rgb);
}
.btn-outline-secondary {
  --bs-btn-color: #c9ced5; --bs-btn-border-color: #3a414b;
  --bs-btn-hover-bg: #1c232d; --bs-btn-hover-border-color: #59616b; --bs-btn-hover-color: #f3f5f7;
  --bs-btn-active-bg: #1c232d; --bs-btn-active-border-color: #59616b; --bs-btn-active-color: #f3f5f7;
  --bs-btn-focus-shadow-rgb: 154, 166, 178;
}
.btn-outline-danger {
  --bs-btn-color: #ea868f; --bs-btn-border-color: #b02a37;
  --bs-btn-hover-bg: #dc3545; --bs-btn-hover-border-color: #dc3545; --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: #b02a37; --bs-btn-active-border-color: #b02a37; --bs-btn-active-color: #fff;
}
.navbar { background: rgba(13, 17, 23, .88); backdrop-filter: blur(12px); }
.list-group { --bs-list-group-active-bg: var(--brand-green); --bs-list-group-active-border-color: var(--brand-green); --bs-list-group-active-color: var(--brand-ink-on-green); }
.dropdown-menu { --bs-dropdown-link-active-bg: var(--brand-green); --bs-dropdown-link-active-color: var(--brand-ink-on-green); }

/* ==============================================================================
   End of File - static/css/templates/bandbox/theme.css
   Copyright (c) 2025-2026 Greg Ames/Ames & Associates. All Rights Reserved.
   ============================================================================== */