/* ============================================================================
   Wordkers · LIBRO DE ESTILO (hoja canónica de la casa)
   Servida desde https://cdn.wordkers.com/wk-estilo.css
   Enlázala en cada web:  <link rel="stylesheet" href="https://cdn.wordkers.com/wk-estilo.css">
   (va ANTES del CSS propio de la web, para que la web pueda pisar puntualmente.)

   PALETA «tierra y tallado en piedra» (Eduardo, 2026-08-30): MONOCROMA TOSTADA.
   Un solo color cálido y todos sus tonos — del papel (claro) a la piedra (oscuro).
   Sin azul, sin naranja: «que destaque el contenido sobre la forma».
   El acento es tostado; --wk-accent es el ÚNICO interruptor si algún día se
   quiere "encender" un color: se cambia aquí y cambia en toda la casa.

   Excepciones de HOMENAJE (NO usan esta hoja, se dejan como están):
   el libro del verbo y el conjugador (onoma).
   ============================================================================ */

:root{
  /* superficies (papel/tierra, de claro a menos claro) */
  --wk-paper:#fbfaf6;      /* fondo de página */
  --wk-surface:#ffffff;    /* tarjetas / superficie elevada */
  --wk-side:#f4f1e9;       /* barras laterales / zonas tostadas */
  --wk-code-bg:#f3efe7;    /* bloques de código */

  /* tinta (piedra tallada, de oscuro a suave) — neutros CÁLIDOS, nunca grises fríos */
  --wk-ink:#241d14;        /* títulos y texto fuerte (negro cálido/umbra) */
  --wk-ink-soft:#574c3b;   /* texto de cuerpo */
  --wk-muted:#857b68;      /* secundario: pies, ids, captions */

  /* líneas / bordes */
  --wk-line:#e6e1d4;
  --wk-line-2:#eee6d9;

  /* acento (tostado) — enlaces y resaltes. EL interruptor de color de la casa */
  --wk-accent:#8a5a2c;      /* enlaces */
  --wk-accent-ink:#6b4420;  /* enlace activo / énfasis */
  --wk-accent-soft:#f0e5d3; /* fondo suave de hover/activo/píldoras */

  /* logo (heredado de la paleta; dos versiones por contraste, vía máscara) */
  --wk-logo:#5a3616;        /* muy oscuro, sobre fondos claros */

  /* SEÑALES semánticas (NO son marca: color con trabajo — acierto/fallo en juegos,
     validación de formularios…). Únicos colores no-tostado permitidos, y solo aquí.
     Tonos cálidos para convivir con la tierra. */
  --wk-good:#3f8f4e;        /* correcto / válido */
  --wk-bad:#bb4a34;         /* incorrecto / error (rojo ladrillo) */

  /* PIGMENTOS DE TIERRA — color como WAYFINDING (categorías de API / familias).
     Cada familia su pigmento NATURAL distinto, pero todos cálidos → guían la vista
     sin romper el monocromo. Un tono único (sirve en claro y oscuro). */
  --wk-cat-verbos:#b07a2e;       /* ocre / bronce */
  --wk-cat-refranes:#9c3f2e;     /* teja / ladrillo */
  --wk-cat-morfologia:#6e4b52;   /* umbra malva */
  --wk-cat-fonetica:#6f7039;     /* oliva */
  --wk-cat-latin:#a0522d;        /* terracota (= firma de Molinarium) */
  --wk-cat-lexico:#5f7a45;       /* musgo */
  --wk-cat-diccionario:#7a7a3a;  /* verde oliva */
  --wk-cat-juegos:#c47a3a;       /* arcilla (juegos y dojo) */
  --wk-cat-gold:#c99a3f;         /* oro ocre */
  --wk-cat-silver:#9a8f7a;       /* piedra cálida */
  --wk-cat-otros:#857b68;        /* taupe (otros / cuenta) */

  --wk-radius:10px;
  --wk-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --wk-serif:Georgia,"Times New Roman",serif;
}

/* --- OSCURO: el mismo color, bajado de tono (cálido, nunca azulado) --------- */
/* system dark (sin toggle explícito) */
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]){
  --wk-paper:#17140f; --wk-surface:#1f1b15; --wk-side:#1b1710; --wk-code-bg:#211b13;
  --wk-ink:#ece6da; --wk-ink-soft:#c7bda9; --wk-muted:#948b78;
  --wk-line:#332a20; --wk-line-2:#3a3024;
  --wk-accent:#d6a468; --wk-accent-ink:#e6bd86; --wk-accent-soft:#2a2016;
  --wk-logo:#e8ca9c;
}}
/* toggle explícito (gana en ambos sentidos) */
:root[data-theme="dark"]{
  --wk-paper:#17140f; --wk-surface:#1f1b15; --wk-side:#1b1710; --wk-code-bg:#211b13;
  --wk-ink:#ece6da; --wk-ink-soft:#c7bda9; --wk-muted:#948b78;
  --wk-line:#332a20; --wk-line-2:#3a3024;
  --wk-accent:#d6a468; --wk-accent-ink:#e6bd86; --wk-accent-soft:#2a2016;
  --wk-logo:#e8ca9c;
}

/* ============================================================================
   BASE opinable y ligera. Es opt-in: si una web enlaza esta hoja, hereda esto;
   puede sobreescribir cualquier regla en su CSS propio (cargado después).
   No impone tipografías de titular ni layout: solo color, para no pelear.
   ============================================================================ */
html{ color-scheme: light dark; }
body{
  background:var(--wk-paper);
  color:var(--wk-ink-soft);
  font-family:var(--wk-sans);
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6{ color:var(--wk-ink); }
a{ color:var(--wk-accent); }
a:hover{ color:var(--wk-accent-ink); }
hr{ border:none; border-top:1px solid var(--wk-line); }
code,kbd,samp{ background:var(--wk-code-bg); border-radius:5px; }
::selection{ background:var(--wk-accent-soft); color:var(--wk-ink); }

/* Logo de la casa por máscara: una silueta, dos contrastes por tema.
   Uso:  <i class="wk-logo" style="--wk-logo-src:url('https://cdn.wordkers.com/wordkers-icon.png')"></i>
   o define --wk-logo-src en :root si es el logo por defecto. */
.wk-logo{
  display:inline-block; width:30px; height:30px; vertical-align:middle;
  background:var(--wk-logo);
  -webkit-mask:var(--wk-logo-src) center/contain no-repeat;
          mask:var(--wk-logo-src) center/contain no-repeat;
}