/* ============================================================
   CONDITIONALS TRAINER — theme overrides on top of mixed-tenses.css
   Only the bits that differ from the 12-tense trainer:
   region accents, crystal aspect colors, and the 5-wide selector.
   ============================================================ */

/* ─── Region accents (region-final already defined in mixed-tenses.css) ─── */
.region-zero   { --region-accent: #2DD4BF; } /* teal — facts */
.region-first  { --region-accent: #4F8CFF; } /* blue — real future */
.region-second { --region-accent: #A78BFA; } /* purple — dream */
.region-third  { --region-accent: #FB7185; } /* rose — past */

/* ─── Crystal aspect colors (one per conditional) ─── */
.aspect-cond-zero   { --crystal-color: #2DD4BF; }
.aspect-cond-first  { --crystal-color: #4F8CFF; }
.aspect-cond-second { --crystal-color: #A78BFA; }
.aspect-cond-third  { --crystal-color: #FB7185; }
.aspect-cond-mixed  { --crystal-color: #FFA94D; }

/* ─── Custom builder: 5-across conditional selector ─── */
.cond-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}

@media (max-width: 640px) {
  .cond-grid { grid-template-columns: repeat(2, 1fr); }
}

/* Conditional labels are wider than tense abbreviations — let them breathe. */
.cond-grid .tense-check .check-label {
  font-size: 0.8rem;
  white-space: nowrap;
}