/* Inessentia — Spacing, radius, shadow, layout & motion tokens */
:root {
  /* --- Section rhythm --- */
  --section-y:    clamp(64px, 9vw, 120px); /* @kind spacing */
  --section-x:    32px;                     /* @kind spacing */

  /* --- Container widths --- */
  --container:        1200px;
  --container-narrow: 1000px;
  --container-blog:   820px;

  /* --- Spacing scale --- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 18px;
  --space-6: 24px;
  --space-7: 26px;
  --space-8: 32px;
  --space-9: 38px;

  /* Escala INTERMEDIA (subida de publico/admin/panel.css, Fase E del
     2026-09-01, decisión de Patricio del 2026-09-03: ya no son "del panel",
     los va a usar también la pantalla de la paciente). Diez huecos que la
     escala principal de arriba nunca cubrió, entre valores que se repiten en
     más de una declaración con espaciado genuino —no acoplado a un borde, un
     cálculo o el margen de otro elemento—. El nombre dice en qué hueco cae:
     `1x`/`1y` entre --space-1 (4) y --space-2 (8); `2x`/`2y`/`2z` entre
     --space-2 (8) y --space-3 (12); `3x`/`3y`/`3z` entre --space-3 (12) y
     --space-4 (16); `5x`/`5y` entre --space-5 (18) y --space-6 (24) — x/y/z
     ordenan de menor a mayor dentro del mismo hueco. No hay hueco entre
     --space-4 (16) y --space-5 (18), ni de --space-6 (24) en adelante:
     ningún valor recurrente cae ahí — por eso la serie salta de 3z a 5x. Esto
     SÓLO añade tokens: ningún valor de la escala de arriba cambia, y
     publico/admin/panel.css sigue declarando estos diez él mismo hasta que el
     agente que posee ese archivo retire su copia y pase a var(--space-*). */
  --space-1x: 6px;
  --space-1y: 7px;
  --space-2x: 9px;
  --space-2y: 10px;
  --space-2z: 11px;
  --space-3x: 13px;
  --space-3y: 14px;
  --space-3z: 15px;
  --space-5x: 20px;
  --space-5y: 22px;

  /* --- Radii ---
     Pase de diseño de agosto 2026 (palette-and-decisions.md, fuente de
     verdad del handoff): celdas 6px, controles y botones 9-10px, tarjetas
     12-14px. Ese pase escribió que --radius-pill dejaba de usarse en botones
     y pestañas y sobrevivía sólo para el interruptor tipo iOS. LA DECISIÓN DE
     PATRICIO DEL 2026-09-03 REVIERTE ESO A PROPÓSITO: el botón primario
     afirmativo de cada pantalla (Reservar, Pagar, Confirmar…) vuelve a forma
     de píldora, y su relleno pasa a oro (--relleno-boton/--sobre-boton en
     tema.css). Sigue sin ser pestañas ni celdas ni insignias — esos estados
     «marcados» no son botones y no llevan píldora, ver --radius-input abajo.
     (Con UNA excepción desde el 2026-09-12, la de las sub-pestañas: ver
     --radius-pill abajo.) */
  --radius-cell:  6px;    /* celdas de la retícula (agenda) */
  /* Las insignias: los rótulos pequeños con fondo que no son ni celda ni botón
     —.etiqueta-origen, .insignia-sabado, .marca-filtro, .transcripcion-persona,
     .huerfano-id, .bitacora-status, .libro-tipo y .libro-marca—. Eran OCHO
     radios a mano en CUATRO valores (6px ×5, 7px, 10px, 20px): dos
     de ellos llevan escrito «misma receta que …» y era mentira justo en el
     radio. Se unifican en el valor que ya tenía mayoría.
     Vale lo mismo que --radius-cell y aun así es un token PROPIO: compartir el
     valor está bien, compartir el nombre no. Una insignia no es una celda de la
     agenda, y meterla en ese token es la misma avería que puso --sand —un
     filete— de color de texto. */
  --radius-badge: 6px;    /* insignias: rótulos pequeños con fondo */
  --radius-card:  14px;   /* tarjetas dentro de una pantalla — no la pantalla misma, ver --radius-page abajo */
  /* El contenedor de PÁGINA: la tarjeta de la paciente (.tarjeta) y la de
     acceso del panel (.tarjeta-acceso). Antes de este token el valor —32px—
     ya existía, escrito a mano dos veces (estilo.css, panel.css): esto no
     cambia ni un píxel visible, sólo le pone nombre.
     Es un token PROPIO y no --radius-card por la misma razón que separó
     --radius-badge de --radius-cell arriba: compartir el valor no obliga a
     compartir el nombre. Una tarjeta DENTRO de la pantalla (una fila de la
     bandeja, la ficha de una regla) y la pantalla ENTERA no son la misma
     cosa — si mañana --radius-card cambia porque una tarjeta interior lo
     pide, --radius-page no tiene por qué moverse con ella, y viceversa. */
  --radius-page:  32px;   /* el contenedor de página: .tarjeta (paciente) y .tarjeta-acceso (panel) */
  --radius-img:   18px;   /* image frames */
  --radius-input: 9px;    /* controles y campos — no botones: el botón primario y el secundario llevan --radius-pill, ver abajo */
  /* LA PÍLDORA, REESCRITA (2026-09-03, a petición de Patricio — revierte a
     propósito el pase de agosto de 2026 que decía lo contrario, ver arriba).
     Va en el botón primario afirmativo Y en el secundario de cada pantalla
     —el que hace avanzar (Reservar, Pagar, Confirmar, Guardar…) y el de
     contorno a su lado—, además del interruptor tipo iOS de siempre
     (.regla-interruptor input). NO va en la barra de pestañas principal, NO
     en celdas de la retícula, NO en insignias: esos son estados «marcados», no
     botones de acción, y llevan --relleno-accion/--radius-badge/--radius-cell,
     no éste.
     LAS SUB-PESTAÑAS SÍ, desde el 2026-09-12 (Patricio, con el guardián
     delante): el rediseño del panel dibuja `.subpestana` —Agenda: Jornada ·
     Sábados; Historial: sus seis— como píldora. Hasta ese día este comentario
     decía «NO va en pestañas» a secas, y dejó de ser cierto sin que nadie
     tocara este archivo. No contradice la regla de fondo: son píldoras
     marcadas Y sin marcar, así que marcarse no les cambia la forma, sólo el
     relleno. La lista que lo vigila es `PROHIBIDAS` en
     tests/pagina-tema.test.mjs, que desde ese día prohíbe `.pestana` y no
     `.subpestana`.
     tests/pagina-tema.test.mjs sigue prohibiendo el 999px suelto —eso no
     cambia— pero ya no exige un único consumidor del token: con dos clases de
     botón más el interruptor, «uno solo» dejó de ser la garantía correcta: lo
     que vigila ahora es que el interruptor no pierda su forma por accidente.
     Este archivo es copia byte a byte compartida con Espacio; Espacio no
     recibe el botón de píldora ni el oro —es otra app, fuera de este
     encargo—, así que ahí el valor sigue siendo doctrina sin guardián propio. */
  --radius-pill:  999px;

  /* --- Shadows --- */
  --shadow-card-hover: 0 22px 48px rgba(70,39,110,.12);
  --shadow-img:        0 24px 60px rgba(70,39,110,.16);
  --shadow-btn-hover:  0 12px 28px rgba(70,39,110,.3);
  --shadow-white-hover:0 14px 32px rgba(0,0,0,.25);
  --shadow-nav:        0 4px 20px rgba(40,20,60,.16);
  --shadow-float:      0 10px 26px rgba(0,0,0,.22);

  /* --- Borders --- */
  --border-card: 1px solid var(--card-border); /* @kind other */

  /* --- Motion --- */
  --ease-out:    cubic-bezier(.22,1,.36,1); /* @kind other */
  --dur-micro:   .25s; /* @kind other */
  --dur-reveal:  .85s; /* @kind other */

  /* --- Breakpoints (reference) --- */
  --bp-nav:     820px; /* @kind other */
  --bp-mobile:  600px; /* @kind other */
}