/* =========================================================
   IDENTIDAD DE MARCA · KayrePlay (un proyecto de KayreLabs)
   Base: guía de marca KayreLabs (verde #00C853, negro #111111,
   Plus Jakarta Sans). Se suman 3 colores "de juego" para niños.
   Este es el ÚNICO archivo de estilos que hay que editar para
   cambiar colores y tipografías. Los juegos también lo leen.
   ========================================================= */
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap");

:root {
  /* KayreLabs */
  --marca-primario: #00c853;        /* verde principal: acentos, botones (texto negro encima) */
  --marca-primario-oscuro: #007a33; /* verde para texto sobre claro */
  --marca-tinta: #111111;           /* negro principal */
  --marca-tinte: #e8faf0;           /* verde tinte: fondos suaves */
  --sobre-primario: #111111;        /* texto sobre verde (contraste 8,4:1) */

  /* Colores de juego (los píxeles del logo) */
  --marca-secundario: #ffc83d;      /* amarillo */
  --marca-cielo: #3fa9ff;           /* celeste */
  --marca-peligro: #ff6b6b;         /* coral */
  --marca-acento: #3fa9ff;

  /* Superficies y texto */
  --fondo: #f6f8f7;
  --superficie: #ffffff;
  --texto: #111111;
  --texto-suave: #5d6762;
  --borde: #e3e8e5;

  /* Tipografía (Plus Jakarta Sans, licencia OFL) */
  --fuente-titulos: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fuente-texto: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Formas: suaves y directas */
  --radio: 14px;
  --radio-grande: 22px;
  --sombra: 0 4px 0 rgba(17, 17, 17, 0.08);
}