/* Cooper — "Match Day" theme. Editorial sports-broadcast meets esports HUD. */

[data-theme="cooper"] {
  --bg: #0a0a0f;
  --surface: #15151c;
  --surface-2: #1f1f2a;
  --reading-surface: #fff6ec;

  --ink: #f4f4f6;
  --ink-2: #b8b8c4;
  --ink-3: #6e6e7a;
  --ink-on-reading: #14141c;

  --accent: #f7b5cd;       /* Inter Miami pink */
  --accent-2: #c8ff3e;     /* Rivals neon lime — used sparingly */
  --accent-3: #c0c7cf;     /* chrome */

  --border: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.20);

  --font-display: "Anton", "Druk Wide", "Bebas Neue", Impact, sans-serif;
  --font-body: "Inter Tight", "Inter", system-ui, sans-serif;
  --font-num: "JetBrains Mono", "Inter Tight", ui-monospace, monospace;

  --body-size: 17px;
}

[data-theme="cooper"] body {
  background:
    radial-gradient(900px 500px at 0% -10%, rgba(247,181,205,0.10), transparent 60%),
    radial-gradient(700px 400px at 110% 110%, rgba(200,255,62,0.05), transparent 60%),
    linear-gradient(180deg, #0a0a0f 0%, #07070b 100%);
}

[data-theme="cooper"] h1,
[data-theme="cooper"] h2,
[data-theme="cooper"] h3,
[data-theme="cooper"] .kid-tile__name,
[data-theme="cooper"] .scoreboard__value {
  text-transform: uppercase;
  letter-spacing: -0.005em;
  font-weight: 400;
}

[data-theme="cooper"] .picker__title em { color: var(--accent); }

/* Cooper's tile */
.kid-tile--cooper {
  background:
    linear-gradient(135deg, rgba(247,181,205,0.18) 0%, transparent 55%),
    linear-gradient(180deg, #1a0e15 0%, #0a0a0f 100%);
  border-color: rgba(247, 181, 205, 0.35);
}
.kid-tile--cooper::before {
  /* diagonal stripe motif */
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    115deg,
    transparent 0 24px,
    rgba(247,181,205,0.06) 24px 26px
  );
  pointer-events: none;
  z-index: -1;
}
.kid-tile--cooper .kid-tile__name { color: var(--accent); }

/* Cooper scoreboard accent */
[data-theme="cooper"] .scoreboard {
  background: linear-gradient(180deg, #16161e 0%, #101018 100%);
  border-color: rgba(247,181,205,0.18);
}
[data-theme="cooper"] .scoreboard__value { color: var(--accent); }
[data-theme="cooper"] .scoreboard__cell:nth-child(2) .scoreboard__value { color: var(--accent-2); }

/* Cooper task CTA — pink */
[data-theme="cooper"] .task__cta {
  background: var(--accent);
  color: #0a0a0f;
}

/* Cooper "correct" flash reserved for lime */
[data-theme="cooper"] .flash-correct {
  animation: flashLime 0.5s var(--ease-out);
}
@keyframes flashLime {
  0%   { box-shadow: 0 0 0 0 rgba(200,255,62,0.0); }
  35%  { box-shadow: 0 0 0 12px rgba(200,255,62,0.35); }
  100% { box-shadow: 0 0 0 24px rgba(200,255,62,0); }
}