/* PACHA TRAIN · Tokens para el sistema legal * ---------------------------------------------------------------------------- * legal.css viene de alfamuplay.com y usa 37 variables --am-* que allí están * definidas en tokens.css y brandbook.css. Traerse esos dos archivos enteros * habría metido el sistema de diseño de la marca matriz dentro de PACHA TRAIN * —colores, tipografías y escalas— y habría chocado con el de esta página. * * Así que aquí sólo se declaran las 37 que legal.css necesita, y las de color * se remapean a la paleta de PACHA TRAIN. El modal legal queda con la piel de * esta marca en vez de la de ALFAMU PLAY, sin tocar una línea de legal.css. * * Van en :root porque el diálogo se inserta como hijo directo de . */ :root { /* --- Color ----------------------------------------------------------- ALFAMU PLAY parte de un verde azulado (#004638) y un violeta (#D199F9). El equivalente aquí es Catalina como tinta y Mauve como acento, que es justo el papel que cumplen en el brandbook de PACHA TRAIN. */ --am-tinta: #061175; /* era #004638 · Catalina Blue */ --am-tinta-700: #0d1a8a; /* era #005C49 · Catalina un punto más claro */ --am-blanco: #ffffff; --am-azul-50: #eaf7fa; /* era #EDF5F4 · lavado de Aqua Island */ /* Neutros: los de ALFAMU PLAY tienen matiz verdosa; aquí se calcan sobre Spring Wood para que el papel del modal sea el mismo de la página. */ --am-n-50: #faf9f5; --am-n-100: #f3f0e9; /* Spring Wood */ --am-n-200: #e6e2d8; --am-n-300: #cfcabb; /* Acento. Mauve es el violeta de PACHA TRAIN; el 800 es su versión oscura, usada como tinta de enlaces dentro del modal. Medido sobre Spring Wood da 7,26:1, y sobre blanco 7,79:1. */ --am-violeta: #dcb8ff; /* era #D199F9 · Mauve */ --am-violeta-50: #f6eeff; --am-violeta-800: #5a2d92; --am-error: #a3300f; /* rojo de aviso, fuera de paleta a propósito */ /* Texto. --am-texto-1 no llegaba a estar definido en el origen, así que allí resolvía a nada y el navegador heredaba el color del padre. Aquí se declara para que no dependa del azar. */ --am-texto-1: #061175; --am-texto-2: #3a4048; --am-texto-3: #5a6068; /* --- Espaciado y radios --------------------------------------------- Estructurales y sin marca: se conservan tal cual. */ --am-s-2: 8px; --am-s-3: 12px; --am-s-4: 16px; --am-s-5: 24px; --am-s-6: 32px; --am-r-xs: 2px; --am-r-sm: 4px; --am-r-md: 8px; --am-r-lg: 12px; /* --- Tipografía ------------------------------------------------------ Los titulares pasan a Randoms, que es la voz de titular de PACHA TRAIN. Los tamaños SUBEN respecto al origen: el brandbook fija Helvena nunca por debajo de 14px, y la escala de ALFAMU PLAY bajaba a 11 y 13. En un texto legal, que es largo y dificil de por sí, ese suelo importa más aún. */ --am-f-display: 'Randoms','Helvena', system-ui, sans-serif; --am-f-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace; --am-t-lb: 0.875rem; /* era .6875rem = 11px -> 14px */ --am-t-xs: 0.875rem; /* era .8125rem = 13px -> 14px */ --am-t-sm: 1rem; /* era .9375rem = 15px -> 16px */ --am-t-cuerpo: 1.0625rem; /* 17px, ya cumplía */ --am-t-d4: clamp(1.25rem, 2.4vw, 1.75rem); --am-lh-txt: 1.6; --am-w-semi: 600; --am-w-bold: 700; --am-tr-lb: .14em; /* --- Movimiento ------------------------------------------------------ */ --am-dur-fast: 120ms; --am-ease: cubic-bezier(.2,.6,.2,1); }