/* Trébol Books — design tokens (sello infantil de Trébol Studio).
   Más color y luz que la marca madre, pero conserva el trébol y el oro
   como nexo. Fondo claro (papel), texto oscuro, acentos vivos. */

:root {
  /* === Color de marca infantil === */
  --tb-papel:        #FFF7E9; /* fondo principal (crema papel) */
  --tb-papel-2:      #FFEFD2; /* superficies suaves */
  --tb-verde:        #2FA84F; /* trébol vivo (primario) */
  --tb-verde-oscuro: #1F4D3A; /* nexo con Trébol Studio, bordes */
  --tb-tinta:        #20303A; /* texto principal sobre claro */
  --tb-sol:          #FFC93C; /* amarillo sol (acento alegre) */
  --tb-cielo:        #57C4E5; /* azul cielo (acento) */
  --tb-coral:        #FF6B5E; /* coral (acento cálido / CTA) */
  --tb-oro:          #C9B082; /* oro heredado (firma del sello) */

  /* === Roles semánticos === */
  --tb-bg:           var(--tb-papel);
  --tb-surface:      #FFFFFF;
  --tb-border:       #E7D9BE;
  --tb-text:         var(--tb-tinta);
  --tb-text-muted:   #6B7A74;
  --tb-primary:      var(--tb-verde);
  --tb-on-primary:   #FFFFFF;
  --tb-accent:       var(--tb-coral);

  /* === Degradados alegres === */
  --tb-grad-arcoiris: linear-gradient(90deg, var(--tb-coral), var(--tb-sol), var(--tb-verde), var(--tb-cielo));
  --tb-grad-sol:      linear-gradient(135deg, #FFE08A, var(--tb-sol));

  /* === Tipografía === */
  --tb-font-display: "Baloo 2", "Arial Rounded MT Bold", "Chalkboard SE", system-ui, sans-serif; /* titulares juguetones */
  --tb-font-body:    "Nunito", "Helvetica Neue", system-ui, sans-serif; /* cuerpo redondeado y legible */
  --tb-font-mano:    "Patrick Hand", "Bradley Hand", "Comic Sans MS", cursive; /* "manuscrita" para rellenar */

  /* === Radios y juego === */
  --tb-radio:        20px;
  --tb-radio-pill:   999px;
}