@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;600;700;800;900&display=swap');

/* PuraNota · tokens de diseño.
   Dos mundos con un mismo sistema:
   .exp   = Expedición (estudio individual, «de día»)
   .arena = Arena (multijugador, «de noche») */
:root {
  --font-display: 'Fredoka', ui-rounded, system-ui, sans-serif;
  --font-body: 'Nunito', system-ui, sans-serif;
  --r-btn: 16px;
  --r-card: 22px;

  /* Materias: iguales en los dos mundos */
  --c-ciencias: #059669;
  --c-mate: #2563EB;
  --c-espanol: #D97706;
  --c-sociales: #7C3AED;

  /* Respuestas de la Arena: siempre color + figura (▲ ◆ ● ■) */
  --ans-a: #FF5A5F;
  --ans-b: #3B82F6;
  --ans-c: #FACC15;
  --ans-d: #16A34A;
}

.exp {
  --bg: #FFF7E8;
  --surface: #FFFFFF;
  --ink: #1F2937;
  --muted: #6B7280;
  --line: #F1E4CC;
  --primary: #0E9F6E;
  --primary-press: #0A7A54;
  --on-primary: #FFFFFF;
  --accent: #14B8C4;
  --accent-2: #FF8A1F;
  --gold: #FFC83D;
  --gold-press: #E0A400;
  --ok: #16A34A;
  --ok-soft: #ECFDF5;
  --bad: #EF5350;
  --bad-soft: #FEF2F2;
}

.arena {
  --bg: #0F1020;
  --bg-2: #1B1140;
  --surface: #1E1B3A;
  --ink: #F5F7FF;
  --muted: #A9ACCF;
  --line: #34305E;
  --primary: #22D3EE;
  --primary-press: #0E9BB3;
  --on-primary: #0F1020;
  --accent: #FF4FD8;
  --accent-2: #A3E635;
  --gold: #FDE047;
  --gold-press: #C9A800;
  --ok: #4ADE80;
  --ok-soft: rgba(74, 222, 128, .14);
  --bad: #FB7185;
  --bad-soft: rgba(251, 113, 133, .14);
}