/* ═══════════════════════════════════════════════════════
   PracticeHub — CBA Colour · Default Layout
   Inherits all shapes, radii and layout from style.css.
   Only overrides colour tokens and fonts.

     body.theme-cba2      → light (warm cream, vermillion)
     body.theme-cba2-dark → dark  (warm ink,  vermillion)
   ═══════════════════════════════════════════════════════ */

/* ── LIGHT ── */
body.theme-cba2 {
  --lime:        #B53324;
  --lime-dim:    #8A2418;
  --lime-glow:   rgba(181,51,36,.15);
  --lime-glow2:  rgba(181,51,36,.08);

  /* Light-zone (topbar, page hero) */
  --lt-bg:       #EDEBE4;
  --lt-surface:  rgba(255,255,255,0.72);
  --lt-border:   rgba(14,14,13,.08);
  --lt-ink:      #0E0E0D;
  --lt-ink2:     #4A4A47;
  --lt-ink3:     #8E8E89;

  /* Dark-zone — inverted to warm cream so body is light */
  --dk-bg:       #F7F5F0;
  --dk-surface:  #FFFFFF;
  --dk-surface2: #EDEBE4;
  --dk-surface3: #E4E1D9;
  --dk-border:   rgba(14,14,13,.09);
  --dk-border2:  rgba(14,14,13,.16);
  --dk-ink:      #0E0E0D;
  --dk-ink2:     #4A4A47;
  --dk-ink3:     #8E8E89;

  --text-primary:   #0E0E0D;
  --text-secondary: #4A4A47;
  --surface-2:      #EDEBE4;
  --surface-3:      #E4E1D9;
  --surface-hover:  rgba(14,14,13,.04);

  --head: 'Poppins', 'Helvetica Neue', sans-serif;
  --body: 'Poppins', 'Helvetica Neue', sans-serif;

  font-family: 'Poppins', 'Helvetica Neue', sans-serif;
  background: #F7F5F0;
  color: #0E0E0D;
}

/* ── DARK ── */
body.theme-cba2-dark {
  --lime:        #C94535;
  --lime-dim:    #B53324;
  --lime-glow:   rgba(201,69,53,.15);
  --lime-glow2:  rgba(201,69,53,.08);

  /* Light-zone — warm dark for topbar */
  --lt-bg:       #1C1B19;
  --lt-surface:  rgba(28,27,25,.92);
  --lt-border:   rgba(245,244,240,.08);
  --lt-ink:      #F5F4F0;
  --lt-ink2:     #C8C0AE;
  --lt-ink3:     #8E8E89;

  /* Dark-zone — warm near-black */
  --dk-bg:       #111110;
  --dk-surface:  #1C1B19;
  --dk-surface2: #252320;
  --dk-surface3: #2F2D2A;
  --dk-border:   rgba(245,244,240,.08);
  --dk-border2:  rgba(245,244,240,.14);
  --dk-ink:      #F5F4F0;
  --dk-ink2:     #C8C0AE;
  --dk-ink3:     #8E8E89;

  --text-primary:   #F5F4F0;
  --text-secondary: #C8C0AE;
  --surface-2:      #252320;
  --surface-3:      #2F2D2A;
  --surface-hover:  rgba(245,244,240,.06);

  --head: 'Poppins', 'Helvetica Neue', sans-serif;
  --body: 'Poppins', 'Helvetica Neue', sans-serif;

  font-family: 'Poppins', 'Helvetica Neue', sans-serif;
  background: #111110;
  color: #F5F4F0;
}