/* GENERADO — no editar a mano. Origen: software/web/app/public/design-system/musho.tokens.json (design system de la web, versión 1.2.0, huella ed272231674a). Se rehace con: node scripts/tomar-tokens.js (desde software/sandbox/app) Lo vigila: pruebas/sonda-tokens.mjs (corre en software/sparring/desplegar.sh). */ :root { --ds-color-bg : #111111; --ds-color-bg-elevated : #1E1E20; --ds-color-text : #F3F3F3; --ds-color-accent : #E65742; --ds-color-accent-deep : #BF0506; --ds-color-accent-mid : #B84B3D; --ds-color-bg-tertiary : #29292C; --ds-color-bg-quaternary : #343437; --ds-color-bg-overlay : rgba(0, 0, 0, 0.6); --ds-color-bg-inverse : #F3F3F3; --ds-color-text-secondary : #B4B4B8; --ds-color-text-tertiary : #8B8B90; --ds-color-text-placeholder : #6E6E73; --ds-color-text-disabled : #58585D; --ds-color-text-on-accent : #111111; --ds-color-text-inverse : #111111; --ds-color-border : #2E2E31; --ds-color-border-subtle : #242427; --ds-color-border-strong : #45454A; --ds-color-accent-hover : #EB6D5B; --ds-color-accent-soft : rgba(230, 87, 66, 0.14); --ds-color-success : #17B26A; --ds-color-success-fg : #47CD89; --ds-color-success-soft : rgba(23, 178, 106, 0.14); --ds-color-warning : #F79009; --ds-color-warning-fg : #FDB022; --ds-color-warning-soft : rgba(247, 144, 9, 0.14); --ds-color-error : #E65742; --ds-color-error-fg : #EB6D5B; --ds-color-error-soft : rgba(230, 87, 66, 0.14); --ds-color-info : #2E90FA; --ds-color-info-fg : #7CB4FF; --ds-color-info-soft : rgba(46, 144, 250, 0.14); --ds-color-chip-gris : #A1A1AA; --ds-color-chip-gris-soft : rgba(161, 161, 170, 0.2); --ds-color-chip-marron : #C4A484; --ds-color-chip-marron-soft : rgba(196, 164, 132, 0.2); --ds-color-chip-naranja : #FB923C; --ds-color-chip-naranja-soft : rgba(251, 146, 60, 0.2); --ds-color-chip-amarillo : #FACC15; --ds-color-chip-amarillo-soft : rgba(250, 204, 21, 0.2); --ds-color-chip-verde : #4ADE80; --ds-color-chip-verde-soft : rgba(74, 222, 128, 0.2); --ds-color-chip-azul : #60A5FA; --ds-color-chip-azul-soft : rgba(96, 165, 250, 0.2); --ds-color-chip-morado : #C084FC; --ds-color-chip-morado-soft : rgba(192, 132, 252, 0.2); --ds-color-chip-rosa : #F472B6; --ds-color-chip-rosa-soft : rgba(244, 114, 182, 0.2); --ds-color-chip-rojo : #F87171; --ds-color-chip-rojo-soft : rgba(248, 113, 113, 0.2); --ds-typography-family-sans : Geist; --ds-typography-family-mono : Geist Mono; --ds-typography-size-display : 64px; --ds-typography-size-h2 : 48px; --ds-typography-size-h3 : 32px; --ds-typography-size-h4 : 24px; --ds-typography-size-lead : 20px; --ds-typography-size-body : 17px; --ds-typography-size-small : 14px; --ds-typography-size-caption : 12px; --ds-typography-size-ui-xs : 12px; --ds-typography-size-ui-sm : 14px; --ds-typography-size-ui-md : 16px; --ds-typography-size-ui-lg : 18px; --ds-typography-size-metric : 30px; --ds-typography-size-ui-2xs : 10px; --ds-typography-line-height-display : 1.05; --ds-typography-line-height-h2 : 1.15; --ds-typography-line-height-h3 : 1.25; --ds-typography-line-height-h4 : 1.3; --ds-typography-line-height-lead : 1.5; --ds-typography-line-height-body : 1.6; --ds-typography-line-height-small : 1.5; --ds-typography-line-height-caption : 1.4; --ds-typography-line-height-ui-xs : 18px; --ds-typography-line-height-ui-sm : 20px; --ds-typography-line-height-ui-md : 24px; --ds-typography-line-height-ui-lg : 28px; --ds-typography-line-height-metric : 38px; --ds-typography-line-height-ui-2xs : 16px; --ds-typography-letter-spacing-display: -0.02em; --ds-typography-letter-spacing-h2 : -0.02em; --ds-typography-letter-spacing-h3 : -0.01em; --ds-typography-letter-spacing-h4 : -0.01em; --ds-typography-letter-spacing-label : 0.04em; --ds-typography-letter-spacing-wide : 0.08em; --ds-typography-letter-spacing-metric : -0.02em; --ds-spacing-2xs : 8px; --ds-spacing-xs : 16px; --ds-spacing-sm : 24px; --ds-spacing-md : 32px; --ds-spacing-lg : 48px; --ds-spacing-xl : 64px; --ds-spacing-2xl : 80px; --ds-spacing-section : 112px; --ds-spacing-touch : 44px; --ds-spacing-icon : 28px; --ds-spacing-control : 40px; --ds-spacing-control-sm : 36px; --ds-spacing-sidebar : 280px; --ds-spacing-lectura : 720px; --ds-spacing-lectura-movil : 354px; --ds-grid-page-x : 48px; --ds-grid-grid-max : 1440px; --ds-grid-header-height : 92px; --ds-radius-card : 4px; --ds-radius-tag : 2px; --ds-radius-full : 9999px; --ds-radius-chip : 4px; --ds-radius-bar : 6px; --ds-radius-block : 10px; --ds-shadow-float : 0 12px 40px rgba(0, 0, 0, 0.5); --ds-shadow-mock : 0 24px 60px -24px rgba(0, 0, 0, 0.7); --ds-shadow-xs : 0 1px 2px rgba(0, 0, 0, 0.4); --ds-shadow-card : 0 4px 12px rgba(0, 0, 0, 0.28), 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px var(--color-border-subtle); --ds-motion-easing-musho : cubic-bezier(0.22, 1, 0.36, 1); --ds-motion-easing-optical : cubic-bezier(0.5, 1, 0.89, 1); --ds-motion-easing-musho-inverse : cubic-bezier(0.64, 0, 0.78, 0); --ds-motion-duration-navbar-delay : 1600ms; --ds-motion-duration-page-exit : 150ms; --ds-motion-duration-page-enter : 210ms; --ds-motion-duration-instant : 100ms; --ds-motion-duration-move : 240ms; --ds-motion-duration-reveal : 320ms; --ds-icon-size-sm : 16px; --ds-icon-size : 20px; --ds-icon-size-lg : 24px; --ds-icon-stroke : 1.5; --ds-doc-titulo : 40px; --ds-doc-h1 : 30px; --ds-doc-h2 : 24px; --ds-doc-h3 : 20px; --ds-doc-h4 : 18px; --ds-doc-cuerpo : 16px; --ds-doc-linea : 24px; --ds-doc-titulo-movil : 28px; --ds-doc-h1-movil : 24px; --ds-doc-h2-movil : 20px; --ds-doc-h3-movil : 18.7px; --ds-doc-h4-movil : 17.6px; --ds-doc-linea-movil : 22px; --ds-doc-peso-titulo : 700; --ds-doc-peso-encabezado : 600; --ds-doc-parrafo : 12px; --ds-doc-sobre-h1 : 30px; --ds-doc-sobre-h2 : 32px; --ds-doc-sobre-h3 : 28px; --ds-doc-sobre-h4 : 24px; --ds-doc-bajo-h1 : 12px; --ds-doc-bajo-h2 : 12px; --ds-doc-bajo-h3 : 24px; --ds-doc-bajo-h4 : 12px; --ds-doc-lista-sangria : 26px; --ds-doc-lista-hueco : 2px; }