/* /assets/themes/onlyhams.css */
/* Light + blue “OnlyHams” vibe (kid safe) */
body.onlyhams{
  /* base */
  --bg: #f6fbff;
  --text: #0b1320;
  --muted: #5b6b7d;
  --stroke: rgba(15, 30, 55, .14);
  --shadow: 0 18px 46px rgba(11, 35, 78, .12);
  --radius: 18px;

  /* brand */
  --accent: #00a3ff;
  --accent2: #00d1ff;
  --good: #16a34a;

  /* background glow */
  --bgGrad1: rgba(0,163,255,.20);
  --bgGrad2: rgba(0,209,255,.14);
  --bgGrad3: rgba(40,130,255,.10);

  /* logo + buttons */
  --logoGradA: #00a3ff;
  --logoGradB: #0077ff;

  --btnGradA: #00a3ff;
  --btnGradB: #0077ff;
  --btnGlow: rgba(0,163,255,.22);

  /* surfaces */
  --surface: rgba(255,255,255,.86);
  --surface2: rgba(255,255,255,.66);

  /* hover */
  --tileHover: rgba(0,163,255,.28);
}

/* Convert a few remaining “dark glass” hardcodes to light look */
body.onlyhams .search{
  background: rgba(0,163,255,.08);
  border-color: rgba(0,163,255,.18);
}
body.onlyhams .pill{
  background: rgba(0,163,255,.08);
  border-color: rgba(0,163,255,.18);
}

/* Borders in headers were hardcoded to white-ish */
body.onlyhams .cardHeader{
  border-bottom-color: rgba(15, 30, 55, .10);
}
body.onlyhams .cardHeader[style]{
  /* your inline border-top in HTML is white-ish; this helps it blend */
  border-top-color: rgba(15, 30, 55, .10) !important;
}

/* Video border/shadow was dark-mode tuned */
body.onlyhams video{
  border-color: rgba(15, 30, 55, .14);
  box-shadow: 0 14px 30px rgba(11, 35, 78, .12);
}

/* Creator card had dark-mode border/background */
body.onlyhams .creatorCard{
  border-color: rgba(15, 30, 55, .12);
  background: rgba(255,255,255,.72);
}

/* Stat pills were dark background */
body.onlyhams .stat{
  border-color: rgba(15, 30, 55, .12);
  background: rgba(0,163,255,.06);
  color: var(--muted);
}

/* Notice box text was green-on-dark */
body.onlyhams .notice{
  border-color: rgba(22, 163, 74, .18);
  background: rgba(22, 163, 74, .08);
  color: rgba(11, 35, 20, .92);
}

/* Thumb tile had a dark placeholder background + white border */
body.onlyhams .thumb{
  background: rgba(0,163,255,.08);
  border-color: rgba(15, 30, 55, .12);
  color: rgba(11, 19, 32, .55);
}

/* Mini buttons were dark */
body.onlyhams .miniBtn{
  border-color: rgba(15, 30, 55, .14);
  background: rgba(255,255,255,.72);
  color: var(--text);
}
body.onlyhams .miniBtn.primary{
  background: linear-gradient(135deg, rgba(0,163,255,.95), rgba(0,119,255,.95));
  border-color: rgba(0,163,255,.22);
}

/* Footer + kbd were dark-mode colored */
body.onlyhams .footer{
  color: rgba(11, 19, 32, .55);
}
body.onlyhams .kbd{
  border-color: rgba(15, 30, 55, .14);
  background: rgba(255,255,255,.72);
  color: rgba(11, 19, 32, .80);
}