/* ═══════════════════════════════════════════════════════════════
   AIYU JAPAN · TOKENS DE DISEÑO
   ───────────────────────────────────────────────────────────────
   Cambiar un color aquí lo cambia en todas las páginas.
   Tipografías (Google Fonts, se cargan en el <head> de cada página):
     · M PLUS Rounded 1c 700/800  → títulos y números
     · Noto Sans 400–800          → texto
     · Noto Sans JP 700           → japonés
     · Bangers                    → estilo cómic (solo Comic Con)
   ═══════════════════════════════════════════════════════════════ */
:root {
  /* Marca Aiyu */
  --ink: #16202E;            /* tinta: textos, bordes de stickers, botones oscuros */
  --ink-2: #2E3B4A;          /* texto secundario */
  --ink-3: #3E4C5B;          /* texto terciario */
  --ink-4: #5E6873;          /* notas */
  --sky: #7DCFF3;            /* celeste Aiyu */
  --sky-2: #BFE9FB;
  --sky-3: #E3F5FD;
  --sky-bg: #F3FAFE;         /* fondo de /go */
  --yellow: #FFC21A;         /* amarillo Aiyu (botón principal en /go) */
  --yellow-2: #FDBA12;
  --yellow-soft: #FFF4CF;
  --cream: #FFF8E6;          /* papel del pasaporte */
  --link: #1F6F99;
  --link-hover: #16506F;
  --green: #2E8B57;
  --green-soft: #E6F6EC;
  --green-ink: #1D6B41;
  --danger: #C9302C;
  --danger-soft: #FDECEB;

  /* Comic Con Paraguay (colores de su logo) */
  --cc-red: #EC4441;
  --cc-blue: #3374F6;
  --cc-yellow: #F9D94A;
  --cc-bg: #0D1838;          /* fondo nocturno de /comiccon */
  --cc-card: #13265A;
  --cc-line: #0A1228;        /* bordes de stickers en modo oscuro */
  --cc-muted: #C2D0EA;
  --cc-muted-2: #8EA0C4;
  --cc-stamp: #D7263D;       /* tinta del sello 済 */

  /* Staff */
  --st-bg: #EEF3F8;
  --st-line: #D5DEE8;
  --st-line-2: #C5D0DC;
  --st-muted: #6B7A8C;

  /* Tipografía */
  --f-display: 'M PLUS Rounded 1c', 'Noto Sans', system-ui, sans-serif;
  --f-text: 'Noto Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-jp: 'Noto Sans JP', 'Hiragino Sans', 'Yu Gothic', sans-serif;
  --f-comic: 'Bangers', 'Impact', sans-serif;

  /* Radios */
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 18px;
  --r-xl: 22px;
  --r-2xl: 26px;
  --r-pill: 999px;

  /* Sombras tipo sticker (desplazadas, sin desenfoque) */
  --sh-1: 2px 2px 0 var(--ink);
  --sh-2: 3px 3px 0 var(--ink);
  --sh-3: 4px 4px 0 var(--ink);
  --sh-4: 5px 5px 0 var(--ink);

  /* Medidas */
  --page-max: 480px;         /* ancho máximo de las páginas móviles */
  --gutter: 14px;
  --tabbar-h: 74px;

  /* Movimiento */
  --ease-out: cubic-bezier(.2, .8, .2, 1);
  --ease-pop: cubic-bezier(.2, 1.4, .4, 1);
}