/* Per-event visual themes. The default look lives in styles.css; each theme only
   overrides tokens and the handful of surfaces that carry a fixed colour. */

/* ---------- Pré-IFAL: royal blue, yellow and pink, from the 2026 shirt art ---------- */
html:has(> body[data-theme="preifal"]) {
  background: #0d2193;
}
[data-theme="preifal"] {
  --ink: #141a3f;
  --paper: #0d2193;
  --lime: #ffce2b;
  --lilac: #f08dff;
  --peach: #fbc54e;
  --muted: #c3cbf2;
  --border: 2px solid var(--ink);
  --shadow: 5px 5px 0 var(--ink);
  --text: #ffebce;
  --card: #f6f7d6;
  --card-ink: #141a3f;
  --card-muted: #5b5f52;
  --band: #2552c5;
  color: var(--text);
  background: var(--paper);
  /* The faint doodle pattern from the shirts, drawn in CSS. */
  background-image:
    radial-gradient(circle at 12% 18%, rgba(255, 255, 255, 0.06) 0 22px, transparent 23px),
    radial-gradient(circle at 78% 64%, rgba(255, 255, 255, 0.05) 0 30px, transparent 31px),
    radial-gradient(circle at 44% 88%, rgba(255, 255, 255, 0.045) 0 18px, transparent 19px);
  background-attachment: fixed;
}
[data-theme="preifal"] .site-header,
[data-theme="preifal"] .site-footer {
  color: var(--text);
}
[data-theme="preifal"] .brand-mark {
  background: var(--lime);
  color: var(--ink);
}
[data-theme="preifal"] .brand-dot {
  color: var(--lilac);
}
[data-theme="preifal"] .site-header nav a:not(.button) {
  color: var(--text);
}
[data-theme="preifal"] .button {
  background: var(--card);
  color: var(--card-ink);
}
[data-theme="preifal"] .button.primary {
  background: var(--lime);
}
[data-theme="preifal"] .eyebrow .live-dot {
  background: var(--lime);
  box-shadow: 0 0 0 4px rgba(255, 206, 43, 0.3);
}
[data-theme="preifal"] h1,
[data-theme="preifal"] .about-heading h2,
[data-theme="preifal"] .teachers-heading h2,
[data-theme="preifal"] .materials-heading h1 {
  color: #fff;
}
[data-theme="preifal"] .headline-highlight {
  background: var(--lime);
  box-shadow:
    9px 0 0 var(--lime),
    -3px 0 0 var(--lime);
  color: var(--ink);
}
[data-theme="preifal"] .outline-star {
  color: var(--lilac);
  -webkit-text-stroke: 2px var(--ink);
}
[data-theme="preifal"] .hero-description,
[data-theme="preifal"] .about-heading p,
[data-theme="preifal"] .about-content p,
[data-theme="preifal"] .teachers-heading p,
[data-theme="preifal"] .hero-signoff,
[data-theme="preifal"] .under-form,
[data-theme="preifal"] .event-details span span,
[data-theme="preifal"] .footer-note,
[data-theme="preifal"] .site-footer p,
[data-theme="preifal"] .materials-heading .hero-description {
  color: var(--muted);
}
[data-theme="preifal"] .hero-description strong,
[data-theme="preifal"] .about-lead,
[data-theme="preifal"] .about-lead strong,
[data-theme="preifal"] .event-details strong,
[data-theme="preifal"] .hero-signoff strong,
[data-theme="preifal"] .site-footer strong,
[data-theme="preifal"] .text-link {
  color: var(--text);
}
[data-theme="preifal"] .tag.white,
[data-theme="preifal"] .detail-icon {
  background: var(--card);
  color: var(--card-ink);
}
[data-theme="preifal"] .tag.lilac {
  color: var(--ink);
}
[data-theme="preifal"] .event-details {
  border-top-color: rgba(255, 255, 255, 0.22);
}
[data-theme="preifal"] .hand-arrow {
  color: var(--lime);
}

/* Cards stay light so the form reads well on the blue. */
[data-theme="preifal"] .registration-card,
[data-theme="preifal"] .event-card,
[data-theme="preifal"] .material-card,
[data-theme="preifal"] .teacher-card,
[data-theme="preifal"] .benefit-grid article,
[data-theme="preifal"] .modal {
  background: var(--card);
  color: var(--card-ink);
}
[data-theme="preifal"] .registration-card h2,
[data-theme="preifal"] .modal h2,
[data-theme="preifal"] .material-card h2,
[data-theme="preifal"] .teacher-info h3,
[data-theme="preifal"] .benefit-grid h3 {
  color: var(--card-ink);
}
[data-theme="preifal"] .registration-card h2 > span {
  color: #b64fc0;
}
[data-theme="preifal"] .form-intro,
[data-theme="preifal"] .form-footnote,
[data-theme="preifal"] .school-notice p,
[data-theme="preifal"] .material-card > p,
[data-theme="preifal"] .material-file,
[data-theme="preifal"] .teacher-info p,
[data-theme="preifal"] .benefit-grid p,
[data-theme="preifal"] .muted,
[data-theme="preifal"] .unit-address,
[data-theme="preifal"] .unit-option small,
[data-theme="preifal"] .unit-when,
[data-theme="preifal"] .single-unit small,
[data-theme="preifal"] .unit-list-item small,
[data-theme="preifal"] .check-label,
[data-theme="preifal"] .receipt small,
[data-theme="preifal"] .modal p {
  color: var(--card-muted);
}
[data-theme="preifal"] .registration-card input,
[data-theme="preifal"] .registration-card select,
[data-theme="preifal"] .registration-card label {
  color: var(--card-ink);
}
[data-theme="preifal"] .registration-card input,
[data-theme="preifal"] .registration-card select {
  background: #fff;
}
[data-theme="preifal"] .single-unit,
[data-theme="preifal"] .unit-list-item,
[data-theme="preifal"] .session-list li,
[data-theme="preifal"] .roster li,
[data-theme="preifal"] .receipt {
  background: #fff;
}
[data-theme="preifal"] .form-sticker {
  background: var(--lilac);
  color: var(--ink);
}
[data-theme="preifal"] .marquee {
  background: var(--lime);
  color: var(--ink);
}
[data-theme="preifal"] .teachers-section {
  background: var(--band);
}
[data-theme="preifal"] .teacher-highlight,
[data-theme="preifal"] .underline-lilac {
  color: var(--ink);
}
[data-theme="preifal"] .teacher-highlight {
  background: var(--lilac);
}
[data-theme="preifal"] .underline-lilac {
  color: #fff;
  box-shadow: inset 0 -12px 0 var(--lilac);
}
[data-theme="preifal"] .teachers-star {
  color: var(--lime);
}
[data-theme="preifal"] .closing-line p {
  color: var(--text);
}
[data-theme="preifal"] .availability {
  background: #fff;
  color: var(--card-ink);
}
[data-theme="preifal"] .form-closed {
  background: var(--peach);
  color: var(--ink);
}
[data-theme="preifal"] .notice {
  background: var(--card);
  color: var(--card-ink);
}
[data-theme="preifal"] .session-list li,
[data-theme="preifal"] .roster li,
[data-theme="preifal"] .roster .empty-state,
[data-theme="preifal"] .status-badge {
  color: var(--card-ink);
}
[data-theme="preifal"] .admin-label {
  color: var(--text);
}
[data-theme="preifal"] .sponsor img {
  width: 132px;
}
[data-theme="preifal"] ::selection {
  background: var(--lime);
  color: var(--ink);
}

/* ---------- ENEM: orange, wine, blue and yellow, from the pré-vestibular shirt art ---------- */
html:has(> body[data-theme="enem"]) {
  background: #ff5e00;
}
[data-theme="enem"] {
  --ink: #4a0b1f;
  --paper: #ff5e00;
  --lime: #ffe43c;
  --lilac: #0d21e3;
  --peach: #ff362a;
  --muted: #ffd7bf;
  --border: 2px solid var(--ink);
  --shadow: 5px 5px 0 var(--ink);
  --text: #fff1d3;
  --card: #fff1d3;
  --card-ink: #4a0b1f;
  --card-muted: #7a4a3a;
  --band: #930039;
  color: var(--text);
  background: var(--paper);
  background-image:
    radial-gradient(circle at 14% 22%, rgba(255, 255, 255, 0.08) 0 24px, transparent 25px),
    radial-gradient(circle at 80% 60%, rgba(255, 255, 255, 0.06) 0 32px, transparent 33px),
    radial-gradient(circle at 40% 90%, rgba(255, 255, 255, 0.05) 0 18px, transparent 19px);
  background-attachment: fixed;
}
[data-theme="enem"] .site-header,
[data-theme="enem"] .site-footer,
[data-theme="enem"] .site-header nav a:not(.button),
[data-theme="enem"] .admin-label,
[data-theme="enem"] .header-home {
  color: var(--text);
}
[data-theme="enem"] .brand-mark {
  background: var(--lime);
  color: var(--ink);
}
[data-theme="enem"] .brand-dot {
  color: var(--lime);
}
[data-theme="enem"] .button {
  background: var(--card);
  color: var(--card-ink);
}
[data-theme="enem"] .button.primary {
  background: var(--lime);
}
[data-theme="enem"] .eyebrow .live-dot {
  background: var(--lime);
  box-shadow: 0 0 0 4px rgba(255, 228, 60, 0.35);
}
[data-theme="enem"] h1,
[data-theme="enem"] .about-heading h2,
[data-theme="enem"] .teachers-heading h2,
[data-theme="enem"] .materials-heading h1,
[data-theme="enem"] .closing-line p {
  color: #fff;
}
[data-theme="enem"] .headline-highlight {
  background: var(--lime);
  box-shadow:
    9px 0 0 var(--lime),
    -3px 0 0 var(--lime);
  color: var(--ink);
}
[data-theme="enem"] .outline-star {
  color: var(--lilac);
  -webkit-text-stroke: 2px var(--ink);
}
[data-theme="enem"] .hero-description,
[data-theme="enem"] .about-heading p,
[data-theme="enem"] .about-content p,
[data-theme="enem"] .teachers-heading p,
[data-theme="enem"] .hero-signoff,
[data-theme="enem"] .under-form,
[data-theme="enem"] .event-details span span,
[data-theme="enem"] .footer-note,
[data-theme="enem"] .site-footer p,
[data-theme="enem"] .materials-heading .hero-description {
  color: var(--muted);
}
[data-theme="enem"] .hero-description strong,
[data-theme="enem"] .about-lead,
[data-theme="enem"] .about-lead strong,
[data-theme="enem"] .event-details strong,
[data-theme="enem"] .hero-signoff strong,
[data-theme="enem"] .site-footer strong,
[data-theme="enem"] .text-link {
  color: var(--text);
}
[data-theme="enem"] .tag.white,
[data-theme="enem"] .detail-icon {
  background: var(--card);
  color: var(--card-ink);
}
[data-theme="enem"] .tag.lilac {
  color: #fff;
}
[data-theme="enem"] .event-details {
  border-top-color: rgba(255, 255, 255, 0.3);
}
[data-theme="enem"] .hand-arrow {
  color: var(--lime);
}
[data-theme="enem"] .registration-card,
[data-theme="enem"] .event-card,
[data-theme="enem"] .material-card,
[data-theme="enem"] .teacher-card,
[data-theme="enem"] .benefit-grid article,
[data-theme="enem"] .modal {
  background: var(--card);
  color: var(--card-ink);
}
[data-theme="enem"] .registration-card h2,
[data-theme="enem"] .modal h2,
[data-theme="enem"] .material-card h2,
[data-theme="enem"] .teacher-info h3,
[data-theme="enem"] .benefit-grid h3 {
  color: var(--card-ink);
}
[data-theme="enem"] .registration-card h2 > span {
  color: var(--band);
}
[data-theme="enem"] .form-intro,
[data-theme="enem"] .form-footnote,
[data-theme="enem"] .school-notice p,
[data-theme="enem"] .material-card > p,
[data-theme="enem"] .material-file,
[data-theme="enem"] .teacher-info p,
[data-theme="enem"] .benefit-grid p,
[data-theme="enem"] .muted,
[data-theme="enem"] .unit-address,
[data-theme="enem"] .unit-option small,
[data-theme="enem"] .unit-when,
[data-theme="enem"] .single-unit small,
[data-theme="enem"] .unit-list-item small,
[data-theme="enem"] .check-label,
[data-theme="enem"] .receipt small,
[data-theme="enem"] .modal p {
  color: var(--card-muted);
}
[data-theme="enem"] .registration-card input,
[data-theme="enem"] .registration-card select,
[data-theme="enem"] .registration-card label {
  color: var(--card-ink);
}
[data-theme="enem"] .registration-card input,
[data-theme="enem"] .registration-card select,
[data-theme="enem"] .single-unit,
[data-theme="enem"] .unit-list-item,
[data-theme="enem"] .session-list li,
[data-theme="enem"] .roster li,
[data-theme="enem"] .receipt,
[data-theme="enem"] .availability {
  background: #fff;
}
[data-theme="enem"] .availability {
  color: var(--card-ink);
}
[data-theme="enem"] .form-sticker {
  background: var(--lime);
  color: var(--ink);
}
[data-theme="enem"] .marquee {
  background: var(--lime);
  color: var(--ink);
}
[data-theme="enem"] .teachers-section {
  background: var(--band);
}
[data-theme="enem"] .teacher-highlight {
  background: var(--lime);
  color: var(--ink);
}
[data-theme="enem"] .underline-lilac {
  color: #fff;
  box-shadow: inset 0 -12px 0 var(--lilac);
}
[data-theme="enem"] .teachers-star {
  color: var(--lime);
}
[data-theme="enem"] .form-closed {
  background: var(--lime);
  color: var(--ink);
}
[data-theme="enem"] .notice {
  background: var(--card);
  color: var(--card-ink);
}
[data-theme="enem"] .session-list li,
[data-theme="enem"] .roster li,
[data-theme="enem"] .roster .empty-state,
[data-theme="enem"] .status-badge {
  color: var(--card-ink);
}
[data-theme="enem"] .area-natureza {
  --area-color: #ffd7bf;
}
[data-theme="enem"] .area-linguagens {
  --area-color: #c7cdff;
}
[data-theme="enem"] .sponsor img {
  width: 132px;
}
[data-theme="enem"] ::selection {
  background: var(--lime);
  color: var(--ink);
}

/* ---------- Event cards on the index wear their event's colours ---------- */
.event-card[data-theme="preifal"] {
  background: #0d2193;
  color: #ffebce;
  border-color: #141a3f;
  box-shadow: 5px 5px 0 #141a3f;
}
.event-card[data-theme="preifal"] h2 {
  color: #fff;
}
.event-card[data-theme="preifal"] > p,
.event-card[data-theme="preifal"] .event-card-facts dt {
  color: #c3cbf2;
}
.event-card[data-theme="preifal"] .tag.lime {
  background: #ffce2b;
  color: #141a3f;
  border-color: #141a3f;
}
.event-card[data-theme="preifal"] .event-card-link {
  color: #f08dff;
}
.event-card[data-theme="enem"] {
  background: #ff5e00;
  color: #fff1d3;
  border-color: #4a0b1f;
  box-shadow: 5px 5px 0 #4a0b1f;
}
.event-card[data-theme="enem"] h2 {
  color: #fff;
}
.event-card[data-theme="enem"] > p,
.event-card[data-theme="enem"] .event-card-facts dt {
  color: #ffd7bf;
}
.event-card[data-theme="enem"] .tag.lime {
  background: #ffe43c;
  color: #4a0b1f;
  border-color: #4a0b1f;
}
.event-card[data-theme="enem"] .event-card-link {
  color: #ffe43c;
}
.event-card-lockup {
  display: block;
  width: min(100%, 220px);
  height: auto;
  margin: 4px 0 6px;
  filter: drop-shadow(0 6px 0 rgba(0, 0, 0, 0.2));
}