/* * Tema "default" — hoja de estilos COMPLETA e independiente de @dogtrack/ads-render. * El aspecto de referencia: el diseño actual de la librería, el que se ve si no * se pide nada en particular. Hoy coincide con `light`; son ficheros distintos a * propósito, para que `light` pueda evolucionar como una variante clara concreta * sin mover lo que ve quien solo quería "el diseño de la librería". * * Un tema no depende de ningún CSS base ni del reset del host: contiene todo lo * que los formatos necesitan (base, layout, tamaños, transiciones y colores). * El consumidor carga exactamente uno, y cambiarlo sustituye el aspecto entero, * no solo los colores. * * Para crear un tema nuevo, copia este fichero y cambia lo que quieras: puedes * tocar tamaños, z-index o el layout, no solo los colores. * * NO tocar los nombres de clase ni de las transiciones (`bubble-tab-fade-*`): * los ponen las plantillas de los componentes. * * OJO con `bubble` y `page-fold`: el layout de esos formatos —posición y tamaño * de la bolita, deslizamiento del panel y quién captura los toques en el * primero; capas, geometría del doblez y su despliegue en el segundo— lo ponen * los propios BubbleAd.vue y PageFoldAd.vue como CSS base, parametrizado por * props (`bubbleTop`, `--page-fold-reveal-delay`). El tema NO lo repite: aquí * solo va el ASPECTO (fondos, sombras, formas). Si escribes reglas de layout, * ganarás al componente —el CSS del componente se inyecta el primero en el * — y romperás el formato. */ /* ========================================================================== Base — lo que en otra librería pondría el reset del host ========================================================================== */ /* * Sin esto el tema NO es independiente: heredaría del host la tipografía y la * alineación, y dejaría al navegador el `box-sizing` y los defaults de