devops
ef16858d35
El smoke test en aislamiento (boton CTA terracota + precio en Fraunces) no se puede juzgar de forma justa rodeado del resto de la pagina, que sigue en la paleta anterior (badges NUEVO/TOP en fucsia/ amarillo, fondo blanco) -- choque visual real, no una direccion de marca evaluable. Ademas la direccion terracota/artesanal en si no era lo que se buscaba (se quiere premium/serio, no rustico). Vuelve product-card.tsx y button.tsx a su estado anterior a Sub-fase 1. globals.css/layout.tsx quedan con los tokens y next/font ya integrados (nadie los consume todavia, cero impacto visual) para no rehacer ese trabajo de infraestructura -- la proxima iteracion de diseno se construye y aprueba en una preview aislada (fuera del storefront real) antes de volver a tocar produccion.
32 lines
1.3 KiB
CSS
32 lines
1.3 KiB
CSS
@import "tailwindcss";
|
|
|
|
@theme {
|
|
--color-ari-cyan: #06b6d4;
|
|
--color-ari-magenta: #ec4899;
|
|
--color-ari-yellow: #fde047;
|
|
--color-ari-blue: #0f172a;
|
|
--animate-accordion-down: accordion-down .2s ease-out;
|
|
--animate-accordion-up: accordion-up .2s ease-out;
|
|
}
|
|
|
|
@keyframes accordion-down { from { height: 0; } to { height: var(--radix-accordion-content-height); } }
|
|
@keyframes accordion-up { from { height: var(--radix-accordion-content-height); } to { height: 0; } }
|
|
|
|
:root { color-scheme: light; }
|
|
* { border-color: rgb(226 232 240); }
|
|
html { scroll-behavior: smooth; }
|
|
body { margin: 0; background: #fff; color: #0f172a; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; text-rendering: optimizeLegibility; }
|
|
button, a { -webkit-tap-highlight-color: transparent; }
|
|
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid rgb(167 139 250 / .55); outline-offset: 3px; }
|
|
::selection { background: #fde047; color: #0f172a; }
|
|
|
|
.content-auto {
|
|
content-visibility: auto;
|
|
contain-intrinsic-size: 1px 900px;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
html { scroll-behavior: auto; }
|
|
*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
|
|
}
|