/* ======================================================================
   LZK — SKIN SYSTEM (v25+)
   ----------------------------------------------------------------------
   FASE 0 (ESTE ZIP):
   - Se introduce infraestructura de skins SIN cambiar ni 1 píxel.
   - "BLACK" (skin0) es el CANON de v25: NO se redefine nada.

   REGLA DE ORO:
   - Aquí NO se tocan tamaños, spacing, tipografías ni layout.
   - Solo se habilita el selector: html[data-skin="..."]

   CÓMO EVOLUCIONA DESPUÉS:
   - Tokenizar meticulosamente: sustituir valores hardcodeados por tokens
     existentes de v25 (ej. color/background/border) uno a uno.
   - Cuando BLACK esté 100% tokenizado, se añade WHITE como overrides de
     variables (sin !important y con scope), y solo los bridges mínimos.

   IMPORTANTE:
   - En este archivo, BLACK está vacío a propósito.
   ====================================================================== */

/* skin0 — BLACK (canon v25)
   Intencionadamente vacío para garantizar pixel-perfect.
*/
html[data-skin="black"]{
  /* no-op */
}

/* skin1 — WHITE (placeholder)
   Se implementará más adelante, cuando BLACK esté tokenizado.
*/
html[data-skin="white"]{
  /* ======================================================================
     WHITE ALPHA — overrides SOLO de tokens (sin layout / sin tamaños)
     ----------------------------------------------------------------------
     Regla: si algo no cambia con tokens, se tokeniza primero en BLACK.
     ====================================================================== */

  /* Base */
  --bg:#f6f6f4;
  --fg:#0f0f0f;
  /* Invert white-overlay ladder for WHITE skin (used by hero pill + hairlines) */
  --w-04: var(--b-08);
  --w-05: var(--b-12);
  --w-06: var(--b-12);
  --w-08: var(--b-12);
  --w-10: var(--b-18);
  --w-14: var(--b-18);
  --w-16: var(--b-18);
  --w-18: var(--b-22);
  --w-22: var(--b-22);
  --w-52: var(--b-55);
  --w-72: var(--b-70);
  --w-78: var(--b-70);


  /* Text / lines */
  --muted:var(--b-70);
  --muted2:var(--b-55);
  --line:var(--b-18);
  --soft:var(--b-08);

  /* Bars / overlays (topbar + footer) */
  --overlay-dim: var(--w-78);
  --overlay-deep: var(--w-92);

  

  /* Navbar + footer (WHITE) */
  --topbar-bg: var(--w-92);
  --footer-bg: var(--w-92);
  --topbar-border: rgba(0,0,0,.08);
  --footer-border: rgba(0,0,0,.08);
/* Glass surfaces (modals/cards) */
  --glass-bg: var(--b-08);
  --glass-bg-soft: var(--b-08);
  --glass-bg-strong: var(--b-12);
  --glass-border: var(--line);
  --glass-border-soft: var(--soft);
  --glass-border-strong: var(--b-22);
}