/* ============================================================
   NOCHES ENTERAS — tokens.css
   Fuente: 06-PWA-BLUEPRINT.md §7 (transcripción exacta de la paleta)
   ============================================================ */

/* --- Fuentes autohospedadas (colocar los .woff2 en /fonts) ---
   PENDIENTE (Erick): descargar subsets latin+latin-ext de
   Fraunces (400,600) y Nunito Sans (400,600,700,800) en app/fonts/.
   Sin los archivos, el app cae con gracia a Georgia / system-ui. */
@font-face{ font-family:'Fraunces'; src:url('../fonts/fraunces-400.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; }
@font-face{ font-family:'Fraunces'; src:url('../fonts/fraunces-600.woff2') format('woff2'); font-weight:600; font-style:normal; font-display:swap; }
@font-face{ font-family:'Fraunces'; src:url('../fonts/fraunces-400i.woff2') format('woff2'); font-weight:400; font-style:italic; font-display:swap; }
@font-face{ font-family:'Nunito Sans'; src:url('../fonts/nunito-sans-400.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; }
@font-face{ font-family:'Nunito Sans'; src:url('../fonts/nunito-sans-600.woff2') format('woff2'); font-weight:600; font-style:normal; font-display:swap; }
@font-face{ font-family:'Nunito Sans'; src:url('../fonts/nunito-sans-700.woff2') format('woff2'); font-weight:700; font-style:normal; font-display:swap; }
@font-face{ font-family:'Nunito Sans'; src:url('../fonts/nunito-sans-800.woff2') format('woff2'); font-weight:800; font-style:normal; font-display:swap; }

:root{
  /* tipografía */
  --f-titulo: 'Fraunces', Georgia, 'Times New Roman', serif;
  --f-cuerpo: 'Nunito Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --escala: 1; /* multiplicador A/A+ (ajustes.tamanoFuente) */
  --t-cuerpo: calc(17px * var(--escala));
  --t-chico:  calc(14.5px * var(--escala));
  --t-boton:  calc(18px * var(--escala));
  --t-sub:    calc(20px * var(--escala));
  --t-titulo: calc(26px * var(--escala));
  --t-grande: calc(32px * var(--escala));

  /* geometría */
  --radio: 18px;
  --radio-chico: 12px;
  --toque: 48px;
  --ancho-max: 480px;
  --sombra: 0 10px 30px rgba(0,0,0,.28);
  --transicion: 220ms cubic-bezier(.25,.6,.35,1); /* ease-out suave, jamás bouncy */

  /* Modo S.O.S. 3AM (independiente del tema) */
  --sos-fondo:  #1C0E12;
  --sos-fondo2: #150A0D;
  --sos-texto:  #C97B6E;
  --sos-texto2: #9A5F55;
  --sos-boton:  #3A1E22;
  --sos-borde:  #4A272C;
}

/* ---------------- TEMA CIELO (default) ---------------- */
:root, [data-tema="cielo"]{
  --fondo:        #1B1C3A;
  --fondo-prof:   #14152E;   /* gradiente profundo */
  --carta:        #26284F;
  --carta-alta:   #2E3059;
  --primaria:     #F2B860;   /* ámbar lunar */
  --primaria-txt: #2A1F0C;   /* texto sobre ámbar */
  --secundaria:   #A99FE0;   /* lavanda */
  --rosa:         #E39BA4;
  --texto:        #FAF5EC;
  --texto-2:      #B9B6D3;
  --exito:        #7FB89A;
  --alerta:       #E2755F;
  --linea:        rgba(169,159,224,.16);
  --lava-oscuro:  #34305E;   /* fondo cita mamá real */
  --estrella:     #FAF5EC;
  --luna-oscura:  #3A3C66;   /* lado no iluminado de la luna */
  --scrim:        rgba(10,10,26,.62);
  color-scheme: dark;
}
/* ---------------- TEMA ALBA (claro) ---------------- */
[data-tema="alba"]{
  --fondo:        #FAF5EC;
  --fondo-prof:   #F1E9DA;
  --carta:        #FFFDF8;
  --carta-alta:   #FFF7E8;
  --primaria:     #F2B860;
  --primaria-txt: #2A1F0C;
  --secundaria:   #6F63B8;
  --rosa:         #C6707C;
  --texto:        #4A3654;
  --texto-2:      #7A6B85;
  --exito:        #4E8A6A;
  --alerta:       #C05540;
  --linea:        rgba(74,54,84,.14);
  --lava-oscuro:  #EFE9FA;
  --estrella:     #C9A45C;
  --luna-oscura:  #E4D9C6;
  --scrim:        rgba(74,54,84,.45);
  color-scheme: light;
}
/* ---------------- TEMA BOSQUE ---------------- */
[data-tema="bosque"]{
  --fondo:        #1E2B26;
  --fondo-prof:   #16211D;
  --carta:        #28382F;
  --carta-alta:   #2F4237;
  --primaria:     #F2B860;
  --primaria-txt: #2A1F0C;
  --secundaria:   #9BC1A8;   /* salvia */
  --rosa:         #E39BA4;
  --texto:        #FAF5EC;
  --texto-2:      #AFC2B4;
  --exito:        #7FB89A;
  --alerta:       #E2755F;
  --linea:        rgba(155,193,168,.16);
  --lava-oscuro:  #24463A;
  --estrella:     #FAF5EC;
  --luna-oscura:  #3C5245;
  --scrim:        rgba(8,16,12,.62);
  color-scheme: dark;
}