You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
1.2 KiB
42 lines
1.2 KiB
/*
|
|
* Contrato visual compartido por la web pública, el panel y Estudio.
|
|
*
|
|
* Estos tokens describen funciones, no páginas concretas. Un componente puede
|
|
* elegir entre ellos, pero no debe inventar otra escala para resolver el mismo
|
|
* papel. Los colores base y las familias pertenecen a `marca.css`; aquí viven
|
|
* tipografía, interacción, geometría, movimiento y elevación.
|
|
*/
|
|
:root {
|
|
--font-weight-regular: 400;
|
|
--font-weight-medium: 500;
|
|
--font-weight-semibold: 600;
|
|
|
|
--leading-heading: 1.1;
|
|
--leading-ui: 1.35;
|
|
--leading-body: 1.65;
|
|
|
|
--control-height-compact: 2.25rem;
|
|
--control-height: 2.75rem;
|
|
--control-height-touch: 3rem;
|
|
--icon-size-sm: 1.25rem;
|
|
--icon-size-md: 1.5rem;
|
|
--icon-size-lg: 1.75rem;
|
|
|
|
--radius-detail: 4px;
|
|
--radius-overlay: 12px;
|
|
--radius-round: 999px;
|
|
|
|
--duration-fast: 150ms;
|
|
--duration-normal: 200ms;
|
|
--duration-slow: 400ms;
|
|
--ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
|
|
--ease-emphasized: cubic-bezier(0.16, 1, 0.3, 1);
|
|
|
|
--c-overlay: rgb(3 8 20 / 72%);
|
|
--c-scrim-base: rgb(3 8 20);
|
|
--c-text-on-media: oklch(0.97 0.01 255);
|
|
--c-text-on-media-muted: rgb(255 255 255 / 78%);
|
|
--shadow-popover: 0 0.75rem 2rem rgb(0 0 0 / 35%);
|
|
--shadow-modal: 0 1.5rem 4rem rgb(0 0 0 / 45%);
|
|
}
|