:root { --graphite:#0e0e10; --graphite-2:#141417; --card:#1a1a1d; --card-2:#232326; --line:#2a2a2e; --bone:#ede9e0; --bone-dim:#a8a6a0; --bone-faint:#6e6c68; --amber:#ff8a00; --amber-deep:#b36200; --wire:#5b8def; --danger:#ff5c5c; --ok:#4cd08a; --warn:#ffb84d; --on-amber:#1a1a1d; /* texto legible sobre fondo ámbar (igual en claro y oscuro) */ --cat-extras:#7c5cff; /* grupo de catálogo: agregables / extras */ --cat-backline:#46d4a0; /* grupo de catálogo: backline / rental */ --font-display:"Archivo",system-ui,sans-serif; --font-body:"Inter",system-ui,-apple-system,sans-serif; --wrap:1080px; --radius:14px; --radius-sm:9px; --spring:cubic-bezier(0.34,1.56,0.64,1); --glide:cubic-bezier(0.16,1,0.3,1); --side-w:248px; /* Sombras. Estaban escritas a mano y repetidas ~40 veces entre las seis hojas; el mismo efecto aparecía con tres valores distintos según quién lo copió. Los tres primeros son el relieve "tecla" del ámbar (la marca de la interfaz): el botón se hunde al apretarlo cambiando -key por -key-press. */ --shadow-key:0 4px 0 var(--amber-deep); --shadow-key-press:0 2px 0 var(--amber-deep); --shadow-key-lg:0 6px 0 var(--amber-deep); --shadow-lift:0 18px 40px -26px rgba(0,0,0,.25); /* hover de tarjeta */ --shadow-modal:0 30px 80px -30px rgba(0,0,0,.9); --shadow-toast:0 18px 48px -20px rgba(0,0,0,.7); --shadow-drawer:0 0 60px rgba(0,0,0,.35); /* sidebar abierto en móvil */ } /* Tema claro: única fuente. Los toggles de reservas y panel solo agregan la clase `light` a (antes cada uno hardcodeaba esta paleta en su JS, y divergían). Solo se invierten superficies y texto; ámbar/estados/estructura quedan igual. */ :root.light { --graphite:#f4f1ea; --graphite-2:#e8e5dc; --card:#ffffff; --card-2:#ece9e2; --line:#d8d4ca; --bone:#1a1a1d; --bone-dim:#5c5a55; --bone-faint:#8a877f; }