/* ═══════════════════════════════════════════════════════════════════════════
   MCTools UX fixes — Pass 2 (2026-05-12)
   Rule from Cooper: keep ALL text in Mojangles. Don't swap to Inter.
   Make it BIGGER where unreadable + bump CONTRAST.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1. Global contrast boost — bump muted text + drop sleepy shadows ──── */
[data-theme="dark"]{
  --text:#ffffff;            /* was #e0ddf0 — pure white for AA contrast on dark */
  --text-sec:#d8d2f0;        /* was #a09cc0 — brighter for sub-text */
  --text-mut:#a09cc0;        /* was #5e587a — was too dim to read */
}

/* Make the default text-shadow slightly stronger so pixel font edges are
   crisp without softening the letters into mush */
body, p, span, div, h1, h2, h3, h4, h5, h6, label, a, button{
  /* default keeps existing shadow; we just lift opacity of fg via vars above */
}

/* ── 2. Bump small-text sizes site-wide (KEEP Mojangles font) ───────────── */

/* Tool sub-title (line under the main hero title) */
.tool-hero-sub{
  font-size:.78rem !important;     /* up from ~.55rem */
  line-height:1.5 !important;
  color:var(--text) !important;    /* full white instead of muted */
  text-shadow:2px 2px 0 #000 !important;
  margin-top:6px !important;
}

/* Tool main title — a touch larger for prominence */
.tool-hero-title{
  font-size:1.8rem !important;
}

/* Section labels (LOAD SKIN, CHOOSE STYLE, RESULT, 1. SELECT A DISC, etc.) */
.card-label, .step-label, .section-label,
[class*="section-title"]:not(.tool-hero-title){
  font-size:.85rem !important;
  letter-spacing:2px !important;
  font-weight:bold !important;
}

/* Form labels */
label, .input-label, .field-label, .form-label{
  font-size:.65rem !important;
  color:var(--text) !important;
  text-shadow:2px 2px 0 #000 !important;
  line-height:1.4 !important;
}

/* Tile labels (Avatar styles, music disc names) */
.disc-name, .disc-label, .style-name, .style-label, .preset-name,
.tile-label, .avatar-style-label,
.style-tile-label{
  font-size:.6rem !important;
  color:var(--text) !important;
  text-shadow:2px 2px 0 #000 !important;
}
.disc-mood, .disc-desc, .style-desc, .preset-desc, .tile-desc{
  font-size:.5rem !important;
  color:var(--text-sec) !important;
  text-shadow:1px 1px 0 #000 !important;
  line-height:1.4 !important;
}

/* Footer + copyright + privacy notice */
.footer-privacy, .footer-copy, .footer{
  font-size:.7rem !important;
  line-height:1.8 !important;
  color:var(--text-sec) !important;
  text-shadow:2px 2px 0 #000 !important;
  letter-spacing:.5px !important;
}
.footer-privacy a, .footer a{
  color:var(--accent) !important;
}

/* Description / explainer paragraphs */
.card>p, .card-body>p,
.tool-desc, .section-desc, .help-text, .explainer{
  font-size:.65rem !important;
  line-height:1.7 !important;
  color:var(--text) !important;
  text-shadow:2px 2px 0 #000 !important;
}

/* Nav brand */
.nav-brand{
  font-size:1.1rem !important;
}
.nav-group-btn, .nav-link, .nav-btn, .nav-tools-btn{
  font-size:.65rem !important;
  color:var(--text) !important;
}
.nav-group-btn:hover, .nav-link:hover{
  color:var(--accent) !important;
}

/* Checkbox / radio labels */
input[type="checkbox"]+span, input[type="radio"]+span,
label.checkbox-label, label.inline-label{
  font-size:.62rem !important;
  color:var(--text) !important;
  text-shadow:2px 2px 0 #000 !important;
}

/* Tab/step indicators (pack-merger steps) */
.m-tab, .m-tab .m-label{
  font-size:.7rem !important;
  letter-spacing:1.5px !important;
}

/* Pack Merger / converter: tighten the empty space below uploader */
#page-merger, #page-converter{
  min-height:auto !important;
  padding-bottom:2rem !important;
}

/* Hints / notes / tips */
.hint, .help, .tip, .note, .disclaimer, .subtle{
  font-size:.6rem !important;
  color:var(--text-sec) !important;
  text-shadow:1px 1px 0 #000 !important;
  line-height:1.6 !important;
}

/* Home page tool tile labels */
.tool-card .tool-name{
  font-size:.7rem !important;
  font-weight:bold !important;
  color:var(--text) !important;
  text-shadow:2px 2px 0 #000 !important;
  letter-spacing:.5px !important;
  margin-top:6px !important;
}
.tool-card .tool-badge{
  font-size:.5rem !important;
  letter-spacing:1px !important;
}

/* HOW IT WORKS / WHAT IS THIS body text */
.how-it-works h2, .what-is-this h2{
  font-size:.85rem !important;
  letter-spacing:2px !important;
}
.how-it-works p, .how-it-works li, .what-is-this p{
  font-size:.7rem !important;
  line-height:1.7 !important;
  color:var(--text) !important;
  text-shadow:2px 2px 0 #000 !important;
}

/* Color-code buttons + cheat sheet labels */
.cc-btn, .cc-color-btn{
  font-size:.65rem !important;
  color:var(--text) !important;
  text-shadow:2px 2px 0 #000 !important;
}
.cheat-sheet .cc-name, .cheat-row .cc-name{
  font-size:.65rem !important;
  color:var(--text) !important;
  text-shadow:2px 2px 0 #000 !important;
}

/* FAQ help blocks we injected — keep Mojangles, increase size */
.tool-help summary{
  font-size:.85rem !important;
  color:var(--text) !important;
  text-shadow:2px 2px 0 #000 !important;
}
.tool-help-body h2{
  font-size:.85rem !important;
  letter-spacing:2px !important;
}
.tool-help-body p, .tool-help-body li{
  font-size:.7rem !important;
  line-height:1.8 !important;
  color:var(--text) !important;
  text-shadow:2px 2px 0 #000 !important;
}
.tool-help-body details summary{
  font-size:.7rem !important;
  color:var(--text) !important;
  text-shadow:2px 2px 0 #000 !important;
}
.tool-help-body .related{
  font-size:.65rem !important;
  color:var(--text-sec) !important;
  text-shadow:1px 1px 0 #000 !important;
}

/* Bottom padding on container so nothing feels chopped */
.container{padding-bottom:2rem !important;}