/* ==========================================================================
   AODrag Legacy · tokens compartidos (fuentes, color, tipografía, medidas)
   Los cargan la web pública (aodrag.css) y el panel (panel/assets/panel.css).
   ========================================================================== */

/* ---------- 0. Fuentes (alojadas aquí, licencia OFL: assets/fonts/OFL-*.txt) ---------- */
/* Grenze Gotisch es variable: un solo fichero cubre los pesos 500 a 700. */
@font-face {
  font-family: "Alegreya Sans"; font-style: italic; font-weight: 400; font-display: swap;
  src: url(../fonts/alegreya-sans-400-italic-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Alegreya Sans"; font-style: italic; font-weight: 400; font-display: swap;
  src: url(../fonts/alegreya-sans-400-italic-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Alegreya Sans"; font-style: normal; font-weight: 400; font-display: swap;
  src: url(../fonts/alegreya-sans-400-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Alegreya Sans"; font-style: normal; font-weight: 400; font-display: swap;
  src: url(../fonts/alegreya-sans-400-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Alegreya Sans"; font-style: normal; font-weight: 500; font-display: swap;
  src: url(../fonts/alegreya-sans-500-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Alegreya Sans"; font-style: normal; font-weight: 500; font-display: swap;
  src: url(../fonts/alegreya-sans-500-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Alegreya Sans"; font-style: normal; font-weight: 700; font-display: swap;
  src: url(../fonts/alegreya-sans-700-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Alegreya Sans"; font-style: normal; font-weight: 700; font-display: swap;
  src: url(../fonts/alegreya-sans-700-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Alegreya Sans"; font-style: normal; font-weight: 800; font-display: swap;
  src: url(../fonts/alegreya-sans-800-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Alegreya Sans"; font-style: normal; font-weight: 800; font-display: swap;
  src: url(../fonts/alegreya-sans-800-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Grenze Gotisch"; font-style: normal; font-weight: 500 700; font-display: swap;
  src: url(../fonts/grenze-gotisch-var-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Grenze Gotisch"; font-style: normal; font-weight: 500 700; font-display: swap;
  src: url(../fonts/grenze-gotisch-var-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---------- 1. Tokens ---------- */
:root {
  /* color */
  --noche: #06111A;          /* fondo bajo la escena */
  --pizarra: #16232A;        /* piedra de mazmorra */
  --pizarra-honda: #0C161B;
  --losa: #22353D;
  --verdin: #2E5E58;         /* pátina: selección y estados activos */
  --verdin-claro: #86BBAF;
  --verdin-luz: #B9F0E1;
  --bronce: #B4823F;         /* marcos, bordes */
  --bronce-claro: #DDB06F;
  --oro: #F2CE7E;            /* títulos y foco */
  --hueso: #EFE8D8;          /* texto principal */
  --niebla: #94A8A3;         /* texto secundario */
  --sangre: #B3262E;         /* solo "Jugar" y estados críticos */
  --sangre-claro: #F0666C;
  --placa: rgba(12, 22, 27, .84);
  --placa-borde: rgba(221, 176, 111, .28);
  --linea: rgba(221, 176, 111, .14);
  /* piedra cálida: solo la portada (aodrag.css la aplica dentro de .hero + .cuerpo) */
  --piedra-calida: #2A1E16;
  --piedra-calida-honda: #18110C;
  --placa-calida: rgba(27, 19, 14, .86);
  --placa-calida-borde: rgba(232, 184, 110, .32);
  --linea-calida: rgba(232, 184, 110, .16);
  --niebla-calida: #C8B79E;  /* texto secundario sobre piedra cálida (AA) */

  /* tipografía */
  --f-gotica: "Grenze Gotisch", "UnifrakturMaguntia", Georgia, serif;
  --f-texto: "Alegreya Sans", "Segoe UI", Candara, system-ui, sans-serif;
  --t-xs: .8125rem;
  --t-s: .9375rem;
  --t-m: 1.0625rem;
  --t-l: 1.375rem;
  --t-xl: 1.875rem;
  --t-2xl: 2.75rem;

  /* medidas */
  --ancho: 1280px;
  --cabecera: 66px;
  color-scheme: dark;
}

/* ---------- Cursores del juego (web y panel) ---------- */
/* raton.cur en toda la página; enlace.cur en todo lo que se pulsa. Rutas desde
   la raíz: así valen igual desde /assets/css/ y desde /panel/. Si el navegador
   no puede usar el .cur, se queda con el cursor normal del sistema. */
:root {
  --cursor-normal: url("/assets/cursores/raton.cur") 5 5, auto;
  --cursor-enlace: url("/assets/cursores/enlace.cur") 10 12, pointer;
}
html { cursor: var(--cursor-normal); }
a[href], area[href], button:not(:disabled), summary, label[for], select:not(:disabled),
[role="button"], [role="tab"], [role="link"], [role="menuitem"], [onclick],
input[type="checkbox"]:not(:disabled), input[type="radio"]:not(:disabled),
input[type="submit"]:not(:disabled), input[type="button"]:not(:disabled),
input[type="reset"]:not(:disabled), input[type="file"]:not(:disabled),
input[type="range"]:not(:disabled), input[type="color"]:not(:disabled) {
  cursor: var(--cursor-enlace);
}
/* Donde se escribe, el cursor de texto de siempre (se ve dónde está el texto). */
textarea, [contenteditable="true"],
input:not([type]), input[type="text"], input[type="search"], input[type="email"],
input[type="password"], input[type="number"], input[type="url"], input[type="tel"] {
  cursor: text;
}
:disabled, [aria-disabled="true"] { cursor: not-allowed; }