/* plentia — tokens de diseño (BRIEF-plentia-diseno-y-marca.md, sección 3) Claro por defecto. Oscuro con . Si el usuario no ha elegido, se sigue prefers-color-scheme (ver ui.js). Ningún color fuera de este archivo. */ :root{ --bg:#E9ECF0; --glow:rgba(37,99,235,.05); --side:#F4F6F8; --surface:#FFFFFF; --surface-hi:#FFFFFF; --surface-2:#EEF1F4; --border:rgba(15,23,32,.09); --shadow:0 1px 2px rgba(15,23,32,.06),0 6px 20px rgba(15,23,32,.06); --track:#E6E9ED; --track-2:#B4BCC5; --text:#0A1016; --text-2:#434C55; --text-3:#6A737D; --accent:#F0A03A; --accent-soft:rgba(240,160,58,.16); --on-accent:#1A1206; --pos:#07854F; --pos-soft:rgba(7,133,79,.12); --neg:#D32F43; --neg-soft:rgba(224,54,74,.11); --warn:#946600; --warn-soft:rgba(234,170,20,.20); --info:#2563EB; --info-soft:rgba(37,99,235,.11); --d-ventas:#2563EB; --d-ads:#7C3AED; --d-gastos:#DB2777; --d-iva:#3F766B; --d-envios:#0D9488; --d-queda:#07854F; --dot:rgba(15,23,32,.30); --spot:rgba(37,99,235,.04); --tip-bg:rgba(10,16,22,.72); --tip-text:#F4F5F6; --tip-2:rgba(244,245,246,.62); --tip-up:#5FD3A6; --tip-dn:#EB6670; --tip-line:rgba(255,255,255,.1); --tip-edge:rgba(255,255,255,.08); --tip-shadow:rgba(0,0,0,.18); --sans:"Space Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif; --display:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif; --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace; color-scheme:light; } @media (prefers-color-scheme:dark){ :root:not([data-theme="light"]){ --bg:#0B1013; --glow:rgba(120,150,170,.10); --side:#0B1013; --surface:#161D21; --surface-hi:#1E272C; --surface-2:#232C31; --border:rgba(255,255,255,.06); --shadow:none; --track:#252E33; --track-2:#3B464B; --text:#F4F4F2; --text-2:#9BA4A7; --text-3:#646E72; --accent:#E6A650; --accent-soft:rgba(230,166,80,.14); --on-accent:#1A1206; --pos:#52C49A; --pos-soft:rgba(82,196,154,.14); --neg:#EB6670; --neg-soft:rgba(235,102,112,.14); --warn:#E9C868; --warn-soft:rgba(233,200,104,.13); --info:#7DA7F0; --info-soft:rgba(125,167,240,.14); --d-ventas:#7DA7F0; --d-ads:#A992E8; --d-gastos:#E08AAE; --d-iva:#9DB0AC; --d-envios:#5CC3B8; --d-queda:#52C49A; --dot:rgba(255,255,255,.26); --spot:rgba(230,166,80,.06); --tip-bg:rgba(40,52,58,.55); --tip-text:#F4F4F2; --tip-2:rgba(244,244,242,.6); --tip-up:#52C49A; color-scheme:dark; } } :root[data-theme="dark"]{ --bg:#0B1013; --glow:rgba(120,150,170,.10); --side:#0B1013; --surface:#161D21; --surface-hi:#1E272C; --surface-2:#232C31; --border:rgba(255,255,255,.06); --shadow:none; --track:#252E33; --track-2:#3B464B; --text:#F4F4F2; --text-2:#9BA4A7; --text-3:#646E72; --accent:#E6A650; --accent-soft:rgba(230,166,80,.14); --on-accent:#1A1206; --pos:#52C49A; --pos-soft:rgba(82,196,154,.14); --neg:#EB6670; --neg-soft:rgba(235,102,112,.14); --warn:#E9C868; --warn-soft:rgba(233,200,104,.13); --info:#7DA7F0; --info-soft:rgba(125,167,240,.14); --d-ventas:#7DA7F0; --d-ads:#A992E8; --d-gastos:#E08AAE; --d-iva:#9DB0AC; --d-envios:#5CC3B8; --d-queda:#52C49A; --dot:rgba(255,255,255,.26); --spot:rgba(230,166,80,.06); --tip-bg:rgba(40,52,58,.55); --tip-text:#F4F4F2; --tip-2:rgba(244,244,242,.6); --tip-up:#52C49A; color-scheme:dark; }