/* ============================================================
   BandHub — Theme: Navy (Formal & Elegant)
   Deep navy, steel blue & silver
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=Lato:wght@300;400;700&display=swap');

:root {
  --clr-bark:       #0a1628;
  --clr-soil:       #1a2e4a;
  --clr-clay:       #4a7fb5;
  --clr-amber:      #8ab4d8;
  --clr-straw:      #c8d8e8;
  --clr-parchment:  #f4f6f9;
  --clr-cream:      #ffffff;
  --clr-sage:       #2e7d52;
  --clr-rust:       #c0392b;
  --clr-slate:      #2c3e50;
  --clr-muted:      #7f8c9a;

  --clr-nav-hover-bg:    rgba(74,127,181,.1);
  --clr-nav-active-bg:   rgba(74,127,181,.18);
  --clr-top-nav-hover:   rgba(138,180,216,.25);
  --clr-card-border:     rgba(74,127,181,.2);
  --clr-table-border:    rgba(74,127,181,.15);
  --clr-table-hover:     rgba(74,127,181,.06);
  --clr-btn-shadow:      rgba(74,127,181,.35);
  --clr-focus-ring:      rgba(138,180,216,.25);
  --clr-form-border:     #b0c4d8;
  --clr-logout-bg:       rgba(192,57,43,.4);
  --clr-logout-border:   rgba(192,57,43,.5);
  --clr-login-glow1:     rgba(74,127,181,.2);
  --clr-login-glow2:     rgba(10,22,40,.5);
  --clr-btn-danger-hover:#922b21;

  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'Lato', system-ui, sans-serif;

  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  14px;
  --shadow-sm:  0 1px 3px rgba(10,22,40,.15);
  --shadow-md:  0 4px 12px rgba(10,22,40,.2);
  --shadow-lg:  0 8px 24px rgba(10,22,40,.25);
  --nav-width:  230px;
  --header-h:   64px;
}