{ "schemaVersion": 1, "generatedFrom": "canonical-ren10-contracts", "system": { "name": "Ren10", "package": "ren10", "version": "0.13.0" }, "sources": [ "ren-design.md", "tokens/tokens.md", "base/layouts.md", "components/components.md" ], "tokens": { "semantic": [ "--color-accent", "--color-accent-active", "--color-accent-hover", "--color-accent-strong", "--color-accent-subtle", "--color-ai", "--color-ai-hover", "--color-ai-subtle", "--color-background-active", "--color-background-hover", "--color-border", "--color-border-accent", "--color-border-hover", "--color-border-interactive", "--color-border-muted", "--color-border-strong", "--color-danger", "--color-danger-strong", "--color-danger-subtle", "--color-disabled-bg", "--color-disabled-text", "--color-fill", "--color-fill-active", "--color-fill-hover", "--color-fill-subtle", "--color-focus-ring", "--color-info", "--color-info-strong", "--color-info-subtle", "--color-input-bg", "--color-input-bg-hover", "--color-input-border", "--color-input-border-focus", "--color-input-disabled-bg", "--color-input-disabled-text", "--color-input-error-border", "--color-input-focus-ring", "--color-input-placeholder", "--color-on-accent", "--color-on-ai", "--color-on-danger", "--color-on-info", "--color-on-success", "--color-on-surface-contrast", "--color-on-warning", "--color-overlay", "--color-selection-bg", "--color-selection-text", "--color-separator", "--color-success-strong", "--color-success-subtle", "--color-surface", "--color-surface-active", "--color-surface-contrast", "--color-surface-hover", "--color-surface-overlay", "--color-surface-raised", "--color-surface-sunken", "--color-text", "--color-text-faint", "--color-text-inverted", "--color-text-link", "--color-text-link-hover", "--color-text-muted", "--color-text-primary", "--color-text-secondary", "--color-warning", "--color-warning-strong", "--color-warning-subtle" ], "component": [ "--ren-avatar-bg", "--ren-avatar-border", "--ren-avatar-color", "--ren-avatar-font-size", "--ren-avatar-radius", "--ren-avatar-size", "--ren-badge-bg", "--ren-badge-color", "--ren-badge-font-size", "--ren-badge-font-weight", "--ren-badge-height", "--ren-badge-padding-x", "--ren-badge-radius", "--ren-banner-bg", "--ren-banner-border-color", "--ren-banner-border-width", "--ren-banner-color", "--ren-banner-gap", "--ren-banner-icon-size", "--ren-banner-padding", "--ren-banner-radius", "--ren-breadcrumb-active-color", "--ren-breadcrumb-color", "--ren-breadcrumb-font-size", "--ren-breadcrumb-gap", "--ren-breadcrumb-separator", "--ren-btn-bg", "--ren-btn-bg-active", "--ren-btn-bg-hover", "--ren-btn-border-color", "--ren-btn-border-width", "--ren-btn-color", "--ren-btn-duration", "--ren-btn-easing", "--ren-btn-font-size", "--ren-btn-font-weight", "--ren-btn-gap", "--ren-btn-height", "--ren-btn-padding-x", "--ren-btn-padding-y", "--ren-btn-radius", "--ren-btn-ring-color", "--ren-btn-ring-offset", "--ren-btn-ring-width", "--ren-calendar-bg", "--ren-calendar-border", "--ren-calendar-day-size", "--ren-calendar-radius", "--ren-calendar-range-bg", "--ren-calendar-selected-bg", "--ren-calendar-selected-color", "--ren-calendar-today-bg", "--ren-calendar-width", "--ren-card-bg", "--ren-card-border-color", "--ren-card-border-width", "--ren-card-gap", "--ren-card-header-gap", "--ren-card-padding", "--ren-card-radius", "--ren-card-shadow", "--ren-carousel-arrow-size", "--ren-carousel-dot-active", "--ren-carousel-dot-color", "--ren-carousel-dot-size", "--ren-carousel-duration", "--ren-carousel-easing", "--ren-carousel-gap", "--ren-carousel-radius", "--ren-checkbox-border", "--ren-checkbox-checked-bg", "--ren-checkbox-checked-color", "--ren-checkbox-duration", "--ren-checkbox-easing", "--ren-checkbox-gap", "--ren-checkbox-radius", "--ren-checkbox-size", "--ren-collapse-bg", "--ren-collapse-border", "--ren-collapse-duration", "--ren-collapse-easing", "--ren-collapse-padding", "--ren-collapse-radius", "--ren-collapse-trigger-font", "--ren-collapse-trigger-weight", "--ren-command-bg", "--ren-command-border", "--ren-command-item-height", "--ren-command-item-radius", "--ren-command-max-height", "--ren-command-radius", "--ren-command-shadow", "--ren-command-width", "--ren-cp-bg", "--ren-cp-handle-size", "--ren-cp-radius", "--ren-cp-shadow", "--ren-cp-swatch-size", "--ren-cp-track-height", "--ren-cp-width", "--ren-dialog-backdrop", "--ren-dialog-bg", "--ren-dialog-border-color", "--ren-dialog-duration", "--ren-dialog-easing", "--ren-dialog-gap", "--ren-dialog-padding", "--ren-dialog-radius", "--ren-dialog-shadow", "--ren-dialog-width", "--ren-dropzone-bg", "--ren-dropzone-border-color", "--ren-dropzone-border-style", "--ren-dropzone-border-width", "--ren-dropzone-hover-bg", "--ren-dropzone-hover-border", "--ren-dropzone-padding", "--ren-dropzone-radius", "--ren-empty-desc-color", "--ren-empty-gap", "--ren-empty-icon-size", "--ren-empty-max-width", "--ren-empty-padding", "--ren-empty-title-size", "--ren-field-bg", "--ren-field-border-color", "--ren-field-border-width", "--ren-field-color", "--ren-field-error-color", "--ren-field-focus-color", "--ren-field-font-size", "--ren-field-height", "--ren-field-padding-x", "--ren-field-padding-y", "--ren-field-placeholder", "--ren-field-radius", "--ren-field-success-color", "--ren-icon-color", "--ren-icon-fill", "--ren-icon-size", "--ren-kbd-bg", "--ren-kbd-border", "--ren-kbd-color", "--ren-kbd-font-family", "--ren-kbd-font-size", "--ren-kbd-padding", "--ren-kbd-radius", "--ren-link-color", "--ren-link-font-weight", "--ren-link-hover-color", "--ren-link-underline", "--ren-menu-bg", "--ren-menu-border", "--ren-menu-danger-color", "--ren-menu-duration", "--ren-menu-easing", "--ren-menu-item-height", "--ren-menu-item-hover-bg", "--ren-menu-item-padding", "--ren-menu-item-radius", "--ren-menu-padding", "--ren-menu-radius", "--ren-menu-shadow", "--ren-menu-width", "--ren-nav-bg", "--ren-nav-border", "--ren-nav-gap", "--ren-nav-height", "--ren-nav-link-active", "--ren-nav-link-color", "--ren-nav-padding-x", "--ren-pagination-active-bg", "--ren-pagination-active-color", "--ren-pagination-bg", "--ren-pagination-font-size", "--ren-pagination-gap", "--ren-pagination-hover-bg", "--ren-pagination-radius", "--ren-pagination-size", "--ren-popover-bg", "--ren-popover-border-color", "--ren-popover-duration", "--ren-popover-easing", "--ren-popover-padding", "--ren-popover-radius", "--ren-popover-shadow", "--ren-popover-width", "--ren-progress-bg", "--ren-progress-duration", "--ren-progress-easing", "--ren-progress-fill", "--ren-progress-height", "--ren-progress-radius", "--ren-separator-color", "--ren-separator-margin", "--ren-separator-width", "--ren-sheet-backdrop", "--ren-sheet-bg", "--ren-sheet-border", "--ren-sheet-duration", "--ren-sheet-easing", "--ren-sheet-padding", "--ren-sheet-radius", "--ren-sheet-shadow", "--ren-sheet-width", "--ren-sidebar-active-bg", "--ren-sidebar-active-color", "--ren-sidebar-bg", "--ren-sidebar-border", "--ren-sidebar-collapsed-width", "--ren-sidebar-duration", "--ren-sidebar-easing", "--ren-sidebar-item-height", "--ren-sidebar-item-padding", "--ren-sidebar-item-radius", "--ren-sidebar-width", "--ren-skeleton-bg", "--ren-skeleton-radius", "--ren-skeleton-shine", "--ren-skeleton-speed", "--ren-slider-duration", "--ren-slider-easing", "--ren-slider-fill-color", "--ren-slider-thumb-bg", "--ren-slider-thumb-border", "--ren-slider-thumb-shadow", "--ren-slider-thumb-size", "--ren-slider-track-bg", "--ren-slider-track-height", "--ren-slider-track-radius", "--ren-spinner-color", "--ren-spinner-size", "--ren-spinner-speed", "--ren-spinner-width", "--ren-switch-bg", "--ren-switch-checked-bg", "--ren-switch-duration", "--ren-switch-easing", "--ren-switch-height", "--ren-switch-thumb-color", "--ren-switch-thumb-size", "--ren-switch-width", "--ren-table-border-color", "--ren-table-cell-padding", "--ren-table-header-bg", "--ren-table-header-color", "--ren-table-header-size", "--ren-table-header-weight", "--ren-table-hover-bg", "--ren-table-row-height", "--ren-table-selected-bg", "--ren-table-stripe-bg", "--ren-tabs-active-color", "--ren-tabs-border-color", "--ren-tabs-color", "--ren-tabs-duration", "--ren-tabs-easing", "--ren-tabs-font-size", "--ren-tabs-font-weight", "--ren-tabs-gap", "--ren-tabs-height", "--ren-tabs-indicator-color", "--ren-tag-bg", "--ren-tag-border-color", "--ren-tag-color", "--ren-tag-font-size", "--ren-tag-font-weight", "--ren-tag-gap", "--ren-tag-height", "--ren-tag-padding-x", "--ren-tag-radius", "--ren-toast-anim-duration", "--ren-toast-bg", "--ren-toast-border", "--ren-toast-duration", "--ren-toast-easing", "--ren-toast-gap", "--ren-toast-padding", "--ren-toast-radius", "--ren-toast-shadow", "--ren-toast-width", "--ren-toggle-active-bg", "--ren-toggle-active-color", "--ren-toggle-bg", "--ren-toggle-color", "--ren-toggle-font-size", "--ren-toggle-font-weight", "--ren-toggle-height", "--ren-toggle-padding-x", "--ren-toggle-radius", "--ren-toolbar-active-bg", "--ren-toolbar-bg", "--ren-toolbar-border", "--ren-toolbar-height", "--ren-toolbar-item-hover", "--ren-toolbar-item-radius", "--ren-toolbar-item-size", "--ren-toolbar-padding", "--ren-toolbar-radius", "--ren-tooltip-bg", "--ren-tooltip-color", "--ren-tooltip-delay", "--ren-tooltip-duration", "--ren-tooltip-easing", "--ren-tooltip-font-size", "--ren-tooltip-padding-x", "--ren-tooltip-padding-y", "--ren-tooltip-radius", "--ren-tooltip-shadow" ], "type": [ "--font-body", "--font-heading", "--font-mono", "--font-sans", "--font-size-body", "--font-size-body-sm", "--font-size-caption", "--font-size-label", "--font-size-xs", "--font-weight-semibold", "--leading-5", "--leading-double", "--leading-loose", "--leading-none", "--leading-normal", "--leading-relaxed", "--leading-snug", "--leading-tight", "--text-2xl", "--text-3xl", "--text-4xl", "--text-5xl", "--text-6xl", "--text-7xl", "--text-8xl", "--text-base", "--text-lg", "--text-md", "--text-sm", "--text-xl", "--text-xs" ], "space": [ "--space-0", "--space-0-25", "--space-0-5", "--space-1", "--space-1-5", "--space-10", "--space-12", "--space-14", "--space-16", "--space-2", "--space-20", "--space-24", "--space-3", "--space-32", "--space-4", "--space-40", "--space-48", "--space-5", "--space-56", "--space-6", "--space-64", "--space-7", "--space-8", "--space-9", "--space-card-padding", "--space-card-padding-lg", "--space-card-padding-sm", "--space-density-card", "--space-density-form", "--space-density-row", "--space-dialog-padding", "--space-field-helper-gap", "--space-field-label-gap", "--space-fieldset-gap", "--space-form-gap", "--space-form-gap-loose", "--space-form-gap-tight", "--space-inline", "--space-inline-loose", "--space-inline-tight", "--space-list-gap", "--space-list-gap-tight", "--space-menu-item-gap", "--space-page-bottom", "--space-page-top", "--space-panel-padding", "--space-px", "--space-section", "--space-section-lg", "--space-section-sm", "--space-stack", "--space-stack-loose", "--space-toast-padding", "--space-unit" ], "radius": [ "--radius-2xl", "--radius-3xl", "--radius-full", "--radius-lg", "--radius-md", "--radius-none", "--radius-sm", "--radius-xl", "--radius-xs" ], "values": { "--ren-btn-bg": "var(--color-accent)", "--ren-btn-radius": "var(--radius-md)", "--ren-btn-height": "var(--size-lg)", "--ren-btn-padding-x": "var(--space-4)", "--ren-btn-padding-y": "var(--space-2)", "--ren-btn-font-size": "var(--label-lg-size)", "--ren-btn-font-weight": "var(--label-lg-weight)", "--ren-btn-gap": "var(--space-2)", "--ren-btn-border-width": "var(--stroke-1)", "--ren-btn-bg-hover": "var(--color-accent-hover)", "--ren-btn-bg-active": "var(--color-accent-active)", "--ren-btn-color": "var(--color-on-accent)", "--ren-btn-border-color": "var(--color-accent)", "--ren-btn-ring-color": "var(--color-focus-ring)", "--ren-btn-ring-offset": "var(--ring-offset-width)", "--ren-btn-ring-width": "var(--ring-width)", "--ren-btn-duration": "var(--duration-state)", "--ren-btn-easing": "var(--ease-enter)", "--ren-card-bg": "var(--color-surface-raised)", "--ren-card-border-color": "var(--color-border)", "--ren-card-border-width": "var(--stroke-1)", "--ren-card-radius": "var(--radius-lg)", "--ren-card-padding": "var(--space-4)", "--ren-card-shadow": "none", "--ren-card-header-gap": "var(--space-1)", "--ren-card-gap": "0px", "--ren-field-height": "var(--size-lg)", "--ren-field-padding-x": "var(--space-3)", "--ren-field-padding-y": "var(--space-2)", "--ren-field-font-size": "var(--body-size)", "--ren-field-radius": "var(--radius-md)", "--ren-field-border-color": "var(--color-border-interactive)", "--ren-field-border-width": "var(--stroke-1)", "--ren-field-bg": "var(--color-input-bg)", "--ren-field-color": "var(--color-text)", "--ren-field-placeholder": "var(--color-input-placeholder)", "--ren-field-focus-color": "var(--color-input-border-focus)", "--ren-field-error-color": "var(--color-input-error-border)", "--ren-field-success-color": "var(--color-success)", "--ren-badge-height": "auto", "--ren-badge-padding-x": "0.55em", "--ren-badge-font-size": "var(--text-xs)", "--ren-badge-font-weight": "var(--weight-semibold)", "--ren-badge-radius": "var(--radius-full)", "--ren-badge-bg": "var(--color-fill)", "--ren-badge-color": "var(--color-text-secondary)", "--ren-tag-height": "auto", "--ren-tag-padding-x": "0.65em", "--ren-tag-font-size": "var(--caption-size)", "--ren-tag-font-weight": "var(--weight-medium)", "--ren-tag-radius": "var(--radius-full)", "--ren-tag-bg": "var(--color-fill)", "--ren-tag-color": "var(--color-text)", "--ren-tag-border-color": "var(--color-border)", "--ren-tag-gap": "var(--space-1)", "--ren-banner-padding": "var(--space-3) var(--space-4)", "--ren-banner-radius": "var(--radius-md)", "--ren-banner-border-width": "var(--stroke-1)", "--ren-banner-gap": "var(--space-3)", "--ren-banner-icon-size": "var(--icon-lg)", "--ren-banner-bg": "var(--color-info-subtle)", "--ren-banner-border-color": "color-mix(in oklch, var(--color-info), transparent 70%)", "--ren-banner-color": "var(--color-text)", "--ren-dialog-width": "min(90vw, 500px)", "--ren-dialog-padding": "var(--space-6)", "--ren-dialog-radius": "var(--radius-xl)", "--ren-dialog-bg": "var(--color-surface-overlay)", "--ren-dialog-border-color": "var(--color-border)", "--ren-dialog-shadow": "var(--shadow-xl)", "--ren-dialog-gap": "var(--space-4)", "--ren-dialog-backdrop": "rgb(0, 0, 0, 0.5)", "--ren-dialog-duration": "var(--duration-normal)", "--ren-dialog-easing": "var(--ease-out)", "--ren-sheet-width": "320px", "--ren-sheet-bg": "var(--color-surface-overlay)", "--ren-sheet-border": "var(--color-border)", "--ren-sheet-radius": "0", "--ren-sheet-shadow": "var(--shadow-xl)", "--ren-sheet-padding": "var(--space-6)", "--ren-sheet-backdrop": "rgb(0, 0, 0, 0.5)", "--ren-sheet-duration": "var(--duration-normal)", "--ren-sheet-easing": "var(--ease-out)", "--ren-tooltip-bg": "var(--color-text)", "--ren-tooltip-color": "var(--color-text-inverted)", "--ren-tooltip-font-size": "var(--caption-sm-size)", "--ren-tooltip-padding-x": "var(--space-3)", "--ren-tooltip-padding-y": "var(--space-1)", "--ren-tooltip-radius": "var(--radius-md)", "--ren-tooltip-shadow": "var(--shadow-sm)", "--ren-tooltip-duration": "var(--duration-fast)", "--ren-tooltip-easing": "var(--ease-out)", "--ren-tooltip-delay": "500ms", "--ren-popover-width": "280px", "--ren-popover-bg": "var(--color-surface-overlay)", "--ren-popover-border-color": "var(--color-border)", "--ren-popover-radius": "var(--radius-lg)", "--ren-popover-shadow": "var(--shadow-lg)", "--ren-popover-padding": "var(--space-4)", "--ren-popover-duration": "var(--duration-normal)", "--ren-popover-easing": "var(--ease-out)", "--ren-tabs-height": "var(--size-lg)", "--ren-tabs-font-size": "var(--label-size)", "--ren-tabs-font-weight": "var(--label-weight)", "--ren-tabs-color": "var(--color-text-muted)", "--ren-tabs-active-color": "var(--color-text)", "--ren-tabs-indicator-color": "var(--color-accent)", "--ren-tabs-border-color": "var(--color-border)", "--ren-tabs-gap": "0", "--ren-tabs-duration": "var(--duration-fast)", "--ren-tabs-easing": "var(--ease-out)", "--ren-checkbox-size": "1.25rem", "--ren-checkbox-radius": "var(--radius-sm)", "--ren-checkbox-border": "var(--color-border-interactive)", "--ren-checkbox-checked-bg": "var(--color-accent)", "--ren-checkbox-checked-color": "var(--color-on-accent)", "--ren-checkbox-gap": "var(--space-2)", "--ren-checkbox-duration": "var(--duration-state)", "--ren-checkbox-easing": "var(--ease-playful)", "--ren-switch-width": "3.1875rem", "--ren-switch-height": "1.9375rem", "--ren-switch-thumb-size": "1.6875rem", "--ren-switch-bg": "var(--color-fill-active)", "--ren-switch-checked-bg": "var(--color-success)", "--ren-switch-thumb-color": "var(--white)", "--ren-switch-duration": "var(--duration-state)", "--ren-switch-easing": "var(--ease-state-change)", "--ren-slider-track-height": "6px", "--ren-slider-track-radius": "var(--radius-full)", "--ren-slider-track-bg": "var(--color-fill)", "--ren-slider-fill-color": "var(--color-accent)", "--ren-slider-thumb-size": "20px", "--ren-slider-thumb-bg": "var(--color-surface)", "--ren-slider-thumb-border": "var(--color-accent)", "--ren-slider-thumb-shadow": "var(--shadow-sm)", "--ren-slider-duration": "var(--duration-fast)", "--ren-slider-easing": "var(--ease-out)", "--ren-toggle-height": "var(--size-lg)", "--ren-toggle-padding-x": "var(--space-4)", "--ren-toggle-font-size": "var(--label-size)", "--ren-toggle-font-weight": "var(--label-weight)", "--ren-toggle-radius": "var(--radius-md)", "--ren-toggle-bg": "var(--color-fill)", "--ren-toggle-active-bg": "var(--color-surface)", "--ren-toggle-active-color": "var(--color-text)", "--ren-toggle-color": "var(--color-text-muted)", "--ren-avatar-size": "var(--avatar-md)", "--ren-avatar-radius": "var(--radius-full)", "--ren-avatar-bg": "var(--color-fill)", "--ren-avatar-color": "var(--color-text-secondary)", "--ren-avatar-font-size": "var(--text-sm)", "--ren-avatar-border": "2px solid var(--color-surface)", "--ren-breadcrumb-font-size": "var(--caption-size)", "--ren-breadcrumb-color": "var(--color-text-muted)", "--ren-breadcrumb-active-color": "var(--color-text)", "--ren-breadcrumb-separator": "var(--breadcrumb-separator, '\\203A')", "--ren-breadcrumb-gap": "var(--space-1)", "--ren-pagination-size": "var(--size-lg)", "--ren-pagination-font-size": "var(--label-size)", "--ren-pagination-radius": "var(--radius-md)", "--ren-pagination-gap": "var(--space-1)", "--ren-pagination-bg": "transparent", "--ren-pagination-hover-bg": "var(--color-fill)", "--ren-pagination-active-bg": "var(--color-accent)", "--ren-pagination-active-color": "var(--color-on-accent)", "--ren-progress-height": "8px", "--ren-progress-radius": "var(--radius-full)", "--ren-progress-bg": "var(--color-fill)", "--ren-progress-fill": "var(--color-accent)", "--ren-progress-duration": "var(--duration-state)", "--ren-progress-easing": "var(--ease-enter)", "--ren-spinner-size": "var(--icon-lg)", "--ren-spinner-width": "2.5px", "--ren-spinner-color": "var(--color-accent)", "--ren-spinner-speed": "1s", "--ren-skeleton-bg": "var(--color-fill)", "--ren-skeleton-shine": "var(--color-fill-hover)", "--ren-skeleton-radius": "var(--radius-sm)", "--ren-skeleton-speed": "var(--duration-loop-slow)", "--ren-separator-color": "var(--color-separator)", "--ren-separator-width": "var(--stroke-1)", "--ren-separator-margin": "var(--space-4)", "--ren-link-color": "var(--color-text-link)", "--ren-link-hover-color": "var(--color-text-link-hover)", "--ren-link-underline": "1px", "--ren-link-font-weight": "inherit", "--ren-nav-height": "3.5rem", "--ren-nav-bg": "var(--color-surface)", "--ren-nav-border": "var(--color-border)", "--ren-nav-padding-x": "var(--space-4)", "--ren-nav-link-color": "var(--color-text-muted)", "--ren-nav-link-active": "var(--color-text)", "--ren-nav-gap": "var(--space-6)", "--ren-sidebar-width": "260px", "--ren-sidebar-collapsed-width": "60px", "--ren-sidebar-bg": "var(--color-surface-sunken)", "--ren-sidebar-border": "var(--color-border)", "--ren-sidebar-item-height": "var(--size-lg)", "--ren-sidebar-item-radius": "var(--radius-md)", "--ren-sidebar-item-padding": "var(--space-2) var(--space-3)", "--ren-sidebar-active-bg": "var(--color-accent-subtle)", "--ren-sidebar-active-color": "var(--color-accent)", "--ren-sidebar-duration": "var(--duration-normal)", "--ren-sidebar-easing": "var(--ease-out)", "--ren-command-width": "min(95vw, 560px)", "--ren-command-max-height": "340px", "--ren-command-radius": "var(--radius-xl)", "--ren-command-bg": "var(--color-surface-overlay)", "--ren-command-border": "var(--color-border)", "--ren-command-shadow": "var(--shadow-xl)", "--ren-command-item-height": "var(--size-lg)", "--ren-command-item-radius": "var(--radius-md)", "--ren-table-header-bg": "var(--color-surface-sunken)", "--ren-table-header-color": "var(--color-text-muted)", "--ren-table-header-weight": "var(--weight-semibold)", "--ren-table-header-size": "var(--label-sm-size)", "--ren-table-row-height": "var(--size-lg)", "--ren-table-cell-padding": "var(--space-3)", "--ren-table-border-color": "var(--color-border-muted)", "--ren-table-stripe-bg": "var(--color-surface-sunken)", "--ren-table-hover-bg": "var(--color-fill)", "--ren-table-selected-bg": "var(--color-accent-subtle)", "--ren-menu-width": "200px", "--ren-menu-padding": "var(--space-1)", "--ren-menu-radius": "var(--radius-lg)", "--ren-menu-bg": "var(--color-surface-overlay)", "--ren-menu-border": "var(--color-border)", "--ren-menu-shadow": "var(--shadow-lg)", "--ren-menu-item-height": "var(--size-md)", "--ren-menu-item-padding": "var(--space-2) var(--space-3)", "--ren-menu-item-radius": "var(--radius-sm)", "--ren-menu-item-hover-bg": "var(--color-fill)", "--ren-menu-danger-color": "var(--color-danger)", "--ren-menu-duration": "var(--duration-fast)", "--ren-menu-easing": "var(--ease-out)", "--ren-calendar-width": "280px", "--ren-calendar-day-size": "var(--size-md)", "--ren-calendar-radius": "var(--radius-lg)", "--ren-calendar-bg": "var(--color-surface)", "--ren-calendar-border": "var(--color-border)", "--ren-calendar-today-bg": "var(--color-accent-subtle)", "--ren-calendar-selected-bg": "var(--color-accent)", "--ren-calendar-selected-color": "var(--color-on-accent)", "--ren-calendar-range-bg": "var(--color-accent-subtle)", "--ren-toast-width": "360px", "--ren-toast-padding": "var(--space-4)", "--ren-toast-radius": "var(--radius-lg)", "--ren-toast-bg": "var(--color-surface-raised)", "--ren-toast-border": "var(--color-border)", "--ren-toast-shadow": "var(--shadow-lg)", "--ren-toast-gap": "var(--space-3)", "--ren-toast-duration": "5000ms", "--ren-toast-anim-duration": "var(--duration-normal)", "--ren-toast-easing": "var(--ease-out)", "--ren-dropzone-padding": "var(--space-8)", "--ren-dropzone-radius": "var(--radius-lg)", "--ren-dropzone-border-color": "var(--color-border-strong)", "--ren-dropzone-border-style": "dashed", "--ren-dropzone-border-width": "2px", "--ren-dropzone-bg": "transparent", "--ren-dropzone-hover-bg": "var(--color-accent-subtle)", "--ren-dropzone-hover-border": "var(--color-accent)", "--ren-empty-padding": "var(--space-10)", "--ren-empty-icon-size": "3rem", "--ren-empty-gap": "var(--space-3)", "--ren-empty-title-size": "var(--title-sm-size)", "--ren-empty-desc-color": "var(--color-text-muted)", "--ren-empty-max-width": "24rem", "--ren-collapse-radius": "var(--radius-lg)", "--ren-collapse-border": "var(--color-border)", "--ren-collapse-bg": "var(--color-surface)", "--ren-collapse-padding": "var(--space-4)", "--ren-collapse-trigger-font": "var(--label-lg-size)", "--ren-collapse-trigger-weight": "var(--weight-semibold)", "--ren-collapse-duration": "var(--duration-normal)", "--ren-collapse-easing": "var(--ease-out)", "--ren-toolbar-height": "var(--size-lg)", "--ren-toolbar-padding": "var(--space-1)", "--ren-toolbar-radius": "var(--radius-lg)", "--ren-toolbar-bg": "var(--color-surface-raised)", "--ren-toolbar-border": "var(--color-border)", "--ren-toolbar-item-size": "var(--size-md)", "--ren-toolbar-item-radius": "var(--radius-sm)", "--ren-toolbar-item-hover": "var(--color-fill)", "--ren-toolbar-active-bg": "var(--color-accent-subtle)", "--ren-cp-width": "280px", "--ren-cp-radius": "var(--radius-lg)", "--ren-cp-bg": "var(--color-surface-overlay)", "--ren-cp-shadow": "var(--shadow-lg)", "--ren-cp-swatch-size": "24px", "--ren-cp-handle-size": "16px", "--ren-cp-track-height": "12px", "--ren-carousel-gap": "var(--space-4)", "--ren-carousel-radius": "var(--radius-lg)", "--ren-carousel-arrow-size": "var(--size-lg)", "--ren-carousel-dot-size": "8px", "--ren-carousel-dot-active": "var(--color-accent)", "--ren-carousel-dot-color": "var(--color-fill)", "--ren-carousel-duration": "var(--duration-normal)", "--ren-carousel-easing": "var(--ease-out)", "--ren-kbd-bg": "var(--color-surface-sunken)", "--ren-kbd-border": "var(--color-border-strong)", "--ren-kbd-color": "var(--color-text)", "--ren-kbd-font-size": "var(--caption-size)", "--ren-kbd-font-family": "var(--font-mono)", "--ren-kbd-padding": "0.1em 0.4em", "--ren-kbd-radius": "var(--radius-sm)", "--ren-icon-size": "var(--icon-md)", "--ren-icon-color": "currentColor", "--ren-icon-fill": "currentColor", "--blue-50": "#EBF5FF", "--blue-100": "#D1E9FF", "--blue-200": "#A3D3FF", "--blue-300": "#75BDFF", "--blue-400": "#47A7FF", "--blue-500": "#007AFF", "--blue-600": "#0063D1", "--blue-700": "#004DA3", "--blue-800": "#003775", "--blue-900": "#002147", "--gray-50": "#F9F9FB", "--gray-100": "#F2F2F7", "--gray-200": "#E5E5EA", "--gray-300": "#D1D1D6", "--gray-400": "#C7C7CC", "--gray-500": "#AEAEB2", "--gray-600": "#8E8E93", "--gray-700": "#636366", "--gray-800": "#48484A", "--gray-900": "#3A3A3C", "--gray-950": "#2C2C2E", "--gray-1000": "#1C1C1E", "--green-50": "#E8FAF0", "--green-100": "#C2F0D5", "--green-200": "#7DDBA3", "--green-300": "#4ECB71", "--green-400": "#34C759", "--green-500": "#28A745", "--green-600": "#1E8E3E", "--green-700": "#167A32", "--green-800": "#0F5B25", "--green-900": "#083D19", "--red-50": "#FFF0EF", "--red-100": "#FFD6D4", "--red-200": "#FFA8A3", "--red-300": "#FF7A72", "--red-400": "#FF3B30", "--red-500": "#D70015", "--red-600": "#B80012", "--red-700": "#990010", "--red-800": "#7A000D", "--red-900": "#5C000A", "--orange-50": "#FFF5EB", "--orange-100": "#FFE5C7", "--orange-200": "#FFCB8F", "--orange-300": "#FFB157", "--orange-400": "#FF9500", "--orange-500": "#D97E00", "--orange-600": "#B36700", "--orange-700": "#8C5100", "--orange-800": "#663B00", "--orange-900": "#402500", "--yellow-50": "#FFFBE5", "--yellow-100": "#FFF4B8", "--yellow-200": "#FFEA7A", "--yellow-300": "#FFE03C", "--yellow-400": "#FFCC00", "--yellow-500": "#D4AA00", "--yellow-600": "#AA8800", "--yellow-700": "#806600", "--yellow-800": "#554400", "--yellow-900": "#2B2200", "--teal-50": "#E5FAFE", "--teal-100": "#BFF2FC", "--teal-200": "#80E5F9", "--teal-300": "#40D8F6", "--teal-400": "#5AC8FA", "--teal-500": "#32ACD6", "--teal-600": "#1E90B3", "--teal-700": "#14748F", "--teal-800": "#0C586C", "--teal-900": "#063C48", "--purple-50": "#F5EEFF", "--purple-100": "#E5D4FF", "--purple-200": "#CBAAFF", "--purple-300": "#B180FF", "--purple-400": "#AF52DE", "--purple-500": "#8E3EBE", "--purple-600": "#6F2E9E", "--purple-700": "#52207E", "--purple-800": "#38155E", "--purple-900": "#200C3E", "--pink-50": "#FFF0F5", "--pink-100": "#FFD6E5", "--pink-200": "#FFADCB", "--pink-300": "#FF85B1", "--pink-400": "#FF2D55", "--pink-500": "#D4234A", "--pink-600": "#AA1C3E", "--pink-700": "#801532", "--pink-800": "#550E26", "--pink-900": "#2B071A", "--white": "#FFFFFF", "--black": "#000000", "--transparent": "transparent", "--duration-0": "0ms", "--duration-fastest": "0ms", "--duration-fast": "0ms", "--duration-normal": "0ms", "--duration-moderate": "0ms", "--duration-slow": "0ms", "--duration-slower": "0ms", "--duration-slowest": "0ms", "--ease-linear": "linear", "--ease-default": "cubic-bezier(0.25, 0.1, 0.25, 1)", "--ease-decelerate": "cubic-bezier(0.00, 0.00, 0.20, 1.00)", "--ease-accelerate": "cubic-bezier(0.40, 0.00, 1.00, 1.00)", "--ease-standard": "cubic-bezier(0.20, 0.00, 0.00, 1.00)", "--ease-emphasized": "cubic-bezier(0.20, 0.00, 0.00, 1.00)", "--ease-emphasized-decelerate": "cubic-bezier(0.05, 0.70, 0.10, 1.00)", "--ease-emphasized-accelerate": "cubic-bezier(0.30, 0.00, 0.80, 0.15)", "--ease-spring-soft": "cubic-bezier(0.34, 1.20, 0.64, 1.00)", "--ease-spring-snappy": "cubic-bezier(0.20, 1.50, 0.40, 1.00)", "--ease-bounce": "cubic-bezier(0.34, 1.56, 0.64, 1.00)", "--ease-out": "var(--ease-decelerate)", "--ease-in": "var(--ease-accelerate)", "--ease-in-out": "cubic-bezier(0.645, 0.045, 0.355, 1)", "--ease-spring": "var(--ease-spring-soft)", "--ease-snappy": "var(--ease-standard)", "--duration-100": "var(--duration-fast)", "--duration-200": "var(--duration-normal)", "--radius-none": "0", "--radius-xs": "0.125rem", "--radius-sm": "0.25rem", "--radius-md": "0.5rem", "--radius-lg": "0.75rem", "--radius-xl": "1rem", "--radius-2xl": "1.25rem", "--radius-3xl": "1.5rem", "--radius-full": "9999px", "--shadow-none": "none", "--shadow-inset-color": "light-dark(rgb(0, 0, 0, 0.06), rgb(0, 0, 0, 0.3))", "--shadow-inset": "inset 0 2px 4px var(--shadow-inset-color)", "--ring-width": "2px", "--ring-color": "var(--blue-500)", "--ring-offset-width": "2px", "--ring-offset-color": "light-dark(var(--white), var(--black))", "--touch-min": "2.75rem", "--size-xs": "1.5rem", "--size-sm": "2rem", "--size-md": "2.25rem", "--size-lg": "2.75rem", "--size-xl": "3.25rem", "--size-2xl": "3.75rem", "--icon-xs": "0.75rem", "--icon-sm": "1rem", "--icon-md": "1.25rem", "--icon-lg": "1.5rem", "--icon-xl": "2rem", "--icon-2xl": "3rem", "--avatar-xs": "1.5rem", "--avatar-sm": "2rem", "--avatar-md": "2.5rem", "--avatar-lg": "3rem", "--avatar-xl": "4rem", "--avatar-2xl": "5rem", "--width-xs": "20rem", "--width-sm": "24rem", "--width-md": "28rem", "--width-lg": "32rem", "--width-xl": "36rem", "--width-2xl": "42rem", "--width-3xl": "48rem", "--width-4xl": "56rem", "--width-5xl": "64rem", "--width-6xl": "72rem", "--width-7xl": "80rem", "--width-full": "100%", "--width-prose": "65ch", "--stroke-0": "0", "--stroke-1": "1px", "--stroke-2": "2px", "--stroke-3": "3px", "--stroke-4": "4px", "--space-unit": "0.5rem", "--space-0": "0", "--space-px": "1px", "--space-0-5": "0.125rem", "--space-1": "0.25rem", "--space-2": "0.5rem", "--space-3": "0.75rem", "--space-4": "1rem", "--space-5": "1.25rem", "--space-6": "1.5rem", "--space-7": "1.75rem", "--space-8": "2rem", "--space-9": "2.25rem", "--space-10": "2.5rem", "--space-12": "3rem", "--space-14": "3.5rem", "--space-16": "4rem", "--space-20": "5rem", "--space-24": "6rem", "--space-32": "8rem", "--space-40": "10rem", "--space-48": "12rem", "--space-56": "14rem", "--space-64": "16rem", "--space-0-25": "0.0625rem", "--space-1-5": "0.375rem", "--type-ratio": "2.000", "--type-ratio-name": "'Octave'", "--type-base-px": "16", "--scale-step--2": "calc(1rem / var(--type-ratio) / var(--type-ratio))", "--scale-step--1": "calc(1rem / var(--type-ratio))", "--scale-step-0": "1rem", "--scale-step-1": "calc(1rem * var(--type-ratio))", "--scale-step-2": "calc(1rem * var(--type-ratio) * var(--type-ratio))", "--scale-step-3": "calc(1rem * var(--type-ratio) * var(--type-ratio) * var(--type-ratio))", "--scale-step-4": "calc(1rem * var(--type-ratio) * var(--type-ratio) * var(--type-ratio) * var(--type-ratio))", "--scale-step-5": "calc(1rem * var(--type-ratio) * var(--type-ratio) * var(--type-ratio) * var(--type-ratio) * var(--type-ratio))", "--scale-step-6": "calc(1rem * var(--type-ratio) * var(--type-ratio) * var(--type-ratio) * var(--type-ratio) * var(--type-ratio) * var(--type-ratio))", "--scale-step-7": "calc(1rem * var(--type-ratio) * var(--type-ratio) * var(--type-ratio) * var(--type-ratio) * var(--type-ratio) * var(--type-ratio) * var(--type-ratio))", "--scale-step-8": "calc(1rem * var(--type-ratio) * var(--type-ratio) * var(--type-ratio) * var(--type-ratio) * var(--type-ratio) * var(--type-ratio) * var(--type-ratio) * var(--type-ratio))", "--font-sans": "-apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n Oxygen,\n Ubuntu,\n Cantarell,\n 'Helvetica Neue',\n Arial,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji'", "--font-mono": "'SF Mono',\n ui-monospace,\n 'Cascadia Code',\n 'Source Code Pro',\n Menlo,\n Monaco,\n Consolas,\n 'Courier New',\n monospace", "--text-xs": "0.6875rem", "--text-sm": "0.8125rem", "--text-base": "1rem", "--text-md": "1.0625rem", "--text-lg": "1.125rem", "--text-xl": "1.25rem", "--text-2xl": "1.375rem", "--text-3xl": "1.625rem", "--text-4xl": "1.75rem", "--text-5xl": "2.125rem", "--text-6xl": "2.5rem", "--text-7xl": "3rem", "--text-8xl": "3.75rem", "--weight-thin": "100", "--weight-light": "300", "--weight-regular": "400", "--weight-medium": "500", "--weight-semibold": "600", "--weight-bold": "700", "--weight-extrabold": "800", "--weight-black": "900", "--leading-none": "1", "--leading-tight": "1.2", "--leading-snug": "1.375", "--leading-normal": "1.5", "--leading-relaxed": "1.625", "--leading-loose": "1.75", "--leading-double": "2", "--tracking-tighter": "-0.05em", "--tracking-tight": "-0.025em", "--tracking-normal": "0", "--tracking-wide": "0.025em", "--tracking-wider": "0.05em", "--tracking-widest": "0.1em", "--z-behind": "-1", "--z-base": "0", "--z-raised": "1", "--z-dropdown": "10", "--z-sticky": "20", "--z-overlay": "30", "--z-modal": "40", "--z-popover": "50", "--z-toast": "60", "--z-tooltip": "70", "--z-max": "9999", "--color-accent": "solid bg with adaptive\n on-X text that passes AA. Each pair tuned per color, Apple-like brightness\n preserved in dark mode. */\n --color-success: light-dark(var(--green-700), var(--green-400))", "--color-accent-hover": "light-dark(var(--blue-700), var(--blue-300))", "--color-accent-active": "light-dark(var(--blue-800), var(--blue-200))", "--color-accent-subtle": "light-dark(var(--blue-50), var(--blue-900))", "--color-on-accent": "light-dark(var(--white), var(--black))", "--color-success-subtle": "light-dark(var(--green-50), var(--green-900))", "--color-on-success": "light-dark(var(--white), var(--black))", "--color-warning": "light-dark(var(--orange-700), var(--orange-400))", "--color-warning-subtle": "light-dark(var(--orange-50), var(--orange-900))", "--color-on-warning": "light-dark(var(--white), var(--black))", "--color-danger": "light-dark(var(--red-500), var(--red-400))", "--color-danger-subtle": "light-dark(var(--red-50), var(--red-900))", "--color-on-danger": "light-dark(var(--white), var(--black))", "--color-info": "light-dark(var(--teal-700), var(--teal-400))", "--color-info-subtle": "light-dark(var(--teal-50), var(--teal-900))", "--color-on-info": "light-dark(var(--white), var(--black))", "--color-ai": "light-dark(var(--purple-500), var(--purple-300))", "--color-ai-hover": "light-dark(var(--purple-600), var(--purple-200))", "--color-ai-subtle": "light-dark(var(--purple-50), var(--purple-900))", "--color-on-ai": "light-dark(var(--white), var(--black))", "--color-text": "light-dark(var(--black), var(--white))", "--color-text-secondary": "light-dark(var(--gray-700), var(--gray-300))", "--color-text-muted": "light-dark(var(--gray-700), var(--gray-500))", "--color-text-faint": "light-dark(var(--gray-400), var(--gray-800))", "--color-text-inverted": "light-dark(var(--white), var(--black))", "--color-text-link": "var(--color-accent-strong)", "--color-text-link-hover": "var(--color-accent-active)", "--color-surface": "light-dark(var(--white), var(--black))", "--color-surface-raised": "light-dark(var(--white), var(--gray-1000))", "--color-surface-sunken": "light-dark(var(--gray-100), var(--black))", "--color-surface-overlay": "light-dark(var(--white), var(--gray-1000))", "--color-surface-contrast": "var(--black)", "--color-on-surface-contrast": "var(--white)", "--color-border": "decorative separator between regions (fails 3:1, por diseño).\n --color-border-interactive: bordes de controles (inputs, buttons, checkboxes)\n que DEBEN pasar WCAG 1.4.11 3:1 contra su surface. gray-500 da 3.07:1 light\n / 7.42:1 dark — ambos AA. */\n --color-border: light-dark(var(--gray-200), var(--gray-900))", "--color-border-strong": "light-dark(var(--gray-300), var(--gray-800))", "--color-border-muted": "light-dark(var(--gray-100), var(--gray-950))", "--color-border-interactive": "light-dark(var(--gray-500), var(--gray-500))", "--color-border-accent": "var(--color-accent)", "--color-fill": "light-dark(var(--gray-100), var(--gray-950))", "--color-fill-hover": "light-dark(var(--gray-200), var(--gray-900))", "--color-fill-active": "light-dark(var(--gray-300), var(--gray-800))", "--color-accent-strong": "var(--color-accent-hover)", "--color-success-strong": "light-dark(var(--green-700), var(--green-300))", "--color-danger-strong": "light-dark(var(--red-500), var(--red-300))", "--color-info-strong": "light-dark(var(--teal-700), var(--teal-300))", "--color-warning-strong": "light-dark(var(--orange-700), var(--orange-300))", "--color-background-hover": "var(--color-fill-hover)", "--color-background-active": "var(--color-fill-active)", "--color-border-hover": "var(--color-border-strong)", "--color-fill-subtle": "light-dark(var(--gray-50), var(--gray-950))", "--color-surface-hover": "var(--color-fill-hover)", "--color-surface-active": "var(--color-fill-active)", "--color-text-primary": "var(--color-text)", "--color-overlay": "light-dark(rgb(0, 0, 0, 0.4), rgb(0, 0, 0, 0.6))", "--color-separator": "light-dark(var(--gray-200), var(--gray-900))", "--color-focus-ring": "var(--color-accent)", "--color-selection-bg": "light-dark(var(--blue-100), var(--blue-900))", "--color-selection-text": "light-dark(var(--black), var(--white))", "--color-input-bg": "light-dark(var(--gray-100), var(--gray-1000))", "--color-input-bg-hover": "light-dark(var(--white), var(--gray-950))", "--color-input-border": "var(--color-border-interactive)", "--color-input-border-focus": "var(--color-accent)", "--color-input-placeholder": "light-dark(var(--gray-700), var(--gray-500))", "--color-input-disabled-bg": "light-dark(var(--gray-200), var(--gray-950))", "--color-input-disabled-text": "light-dark(var(--gray-400), var(--gray-800))", "--color-input-error-border": "var(--color-danger)", "--color-input-focus-ring": "light-dark(rgb(0, 122, 255, 0.15), rgb(10, 132, 255, 0.25))", "--color-disabled-bg": "light-dark(var(--gray-200), var(--gray-950))", "--color-disabled-text": "light-dark(var(--gray-400), var(--gray-800))", "--shadow-color-1": "light-dark(rgb(0, 0, 0, 0.05), rgb(0, 0, 0, 0.3))", "--shadow-color-2": "light-dark(rgb(0, 0, 0, 0.06), rgb(0, 0, 0, 0.3))", "--shadow-color-3": "light-dark(rgb(0, 0, 0, 0.07), rgb(0, 0, 0, 0.4))", "--shadow-color-4": "light-dark(rgb(0, 0, 0, 0.1), rgb(0, 0, 0, 0.4))", "--shadow-color-5": "light-dark(rgb(0, 0, 0, 0.15), rgb(0, 0, 0, 0.5))", "--shadow-color-6": "light-dark(rgb(0, 0, 0, 0.08), rgb(0, 0, 0, 0.4))", "--shadow-xs": "0 1px 2px var(--shadow-color-1)", "--shadow-sm": "0 1px 3px var(--shadow-color-4),\n 0 1px 2px var(--shadow-color-2)", "--shadow-md": "0 4px 6px var(--shadow-color-3),\n 0 2px 4px var(--shadow-color-2)", "--shadow-lg": "0 10px 15px var(--shadow-color-4),\n 0 4px 6px var(--shadow-color-1)", "--shadow-xl": "0 20px 25px var(--shadow-color-4),\n 0 8px 10px var(--shadow-color-1)", "--shadow-2xl": "0 25px 50px var(--shadow-color-5),\n 0 12px 24px var(--shadow-color-6)", "--type-scale-factor": "1.15", "--type-base": "1.125rem", "--type-min-target": "3rem", "--type-spacing-factor": "1.15", "--type-leading-factor": "1.1", "--type-display": "clamp(2.5rem, 2rem + 2.5vw, 3.25rem)", "--type-lead": "clamp(1.5rem, 1.375rem + 0.625vw, 1.75rem)", "--type-title": "clamp(1.75rem, 1.5rem + 1.25vw, 2.125rem)", "--type-headline": "1.5rem", "--type-body": "1.375rem", "--type-callout": "1.25rem", "--type-subhead": "1.1875rem", "--type-footnote": "1.125rem", "--type-caption": "1.0625rem", "--type-caption2": "1rem", "--type-space-xs": "calc(var(--space-1) * var(--type-spacing-factor))", "--type-space-sm": "calc(var(--space-2) * var(--type-spacing-factor))", "--type-space-md": "calc(var(--space-3) * var(--type-spacing-factor))", "--type-space-lg": "calc(var(--space-4) * var(--type-spacing-factor))", "--type-space-xl": "calc(var(--space-6) * var(--type-spacing-factor))", "--type-space-2xl": "calc(var(--space-8) * var(--type-spacing-factor))", "--type-leading-tight": "calc(1.2 * var(--type-leading-factor))", "--type-leading-snug": "calc(1.375 * var(--type-leading-factor))", "--type-leading-normal": "calc(1.5 * var(--type-leading-factor))", "--type-leading-relaxed": "calc(1.625 * var(--type-leading-factor))", "--duration-micro": "0ms", "--duration-tactile": "0ms", "--duration-state": "0ms", "--duration-enter": "0ms", "--duration-exit": "0ms", "--duration-emphasize": "0ms", "--duration-route": "0ms", "--duration-overlay": "0ms", "--ease-enter": "var(--ease-decelerate)", "--ease-exit": "var(--ease-accelerate)", "--ease-state-change": "var(--ease-standard)", "--ease-attention": "var(--ease-emphasized-decelerate)", "--ease-playful": "var(--ease-spring-soft)", "--duration-loop": "1s", "--duration-loop-slow": "1.5s", "--duration-loop-gentle": "2s", "--ease-loop": "linear", "--ease-loop-smooth": "cubic-bezier(0.4, 0, 0.2, 1)", "--ease-loop-pulse": "ease-in-out", "--transition-tactile": "color var(--duration-tactile) var(--ease-state-change),\n background-color var(--duration-tactile) var(--ease-state-change),\n border-color var(--duration-tactile) var(--ease-state-change),\n box-shadow var(--duration-tactile) var(--ease-state-change),\n opacity var(--duration-tactile) var(--ease-state-change)", "--transition-state": "color var(--duration-state) var(--ease-state-change),\n background-color var(--duration-state) var(--ease-state-change),\n border-color var(--duration-state) var(--ease-state-change),\n box-shadow var(--duration-state) var(--ease-state-change),\n transform var(--duration-state) var(--ease-state-change),\n opacity var(--duration-state) var(--ease-state-change)", "--transition-enter": "opacity var(--duration-enter) var(--ease-enter),\n transform var(--duration-enter) var(--ease-enter),\n filter var(--duration-enter) var(--ease-enter)", "--transition-exit": "opacity var(--duration-exit) var(--ease-exit),\n transform var(--duration-exit) var(--ease-exit),\n filter var(--duration-exit) var(--ease-exit)", "--transition-overlay": "opacity var(--duration-overlay) var(--ease-enter),\n background-color var(--duration-overlay) var(--ease-enter),\n backdrop-filter var(--duration-overlay) var(--ease-enter),\n overlay var(--duration-overlay) allow-discrete,\n display var(--duration-overlay) allow-discrete", "--transition-emphasize": "opacity var(--duration-emphasize) var(--ease-attention),\n transform var(--duration-emphasize) var(--ease-attention)", "--motion-stagger-step": "0ms", "--motion-stagger-max": "10", "--space-card-padding": "var(--space-8)", "--space-card-padding-sm": "var(--space-4)", "--space-card-padding-lg": "var(--space-8)", "--space-panel-padding": "var(--space-6)", "--space-dialog-padding": "var(--space-6)", "--space-toast-padding": "var(--space-4)", "--space-form-gap": "var(--space-6)", "--space-form-gap-tight": "var(--space-3)", "--space-form-gap-loose": "var(--space-8)", "--space-field-label-gap": "var(--space-2)", "--space-field-helper-gap": "var(--space-1)", "--space-fieldset-gap": "var(--space-6)", "--space-list-gap": "var(--space-2)", "--space-list-gap-tight": "var(--space-1)", "--space-menu-item-gap": "var(--space-1)", "--space-inline-tight": "var(--space-2)", "--space-inline": "var(--space-3)", "--space-inline-loose": "var(--space-4)", "--space-section": "var(--space-12)", "--space-section-lg": "var(--space-16)", "--space-section-sm": "var(--space-8)", "--space-page-top": "var(--space-12)", "--space-page-bottom": "var(--space-16)", "--gap": "…\" */\n --space-stack-tight: var(--space-2)", "--space-stack": "var(--space-4)", "--space-stack-loose": "var(--space-6)", "--space-density-card": "var(--space-8)", "--space-density-form": "var(--space-6)", "--space-density-row": "var(--space-4)", "--body-size": "var(--text-base)", "--body-leading": "var(--leading-normal)", "--body-tracking": "var(--tracking-normal)", "--body-lg-size": "var(--text-md)", "--body-lg-leading": "var(--leading-normal)", "--body-sm-size": "var(--text-sm)", "--body-sm-leading": "var(--leading-normal)", "--lead-size": "var(--text-xl)", "--lead-leading": "var(--leading-relaxed)", "--lead-tracking": "var(--tracking-normal)", "--display-lg-leading": "var(--leading-tight)", "--display-lg-tracking": "var(--tracking-tight)", "--display-md-leading": "var(--leading-tight)", "--display-md-tracking": "var(--tracking-tight)", "--title-lg-leading": "var(--leading-snug)", "--title-md-leading": "var(--leading-snug)", "--title-sm-leading": "var(--leading-snug)", "--productive-emphasis-weight": "var(--weight-bold)", "--font-body": "var(--font-sans, system-ui, sans-serif)", "--font-heading": "var(--font-body)", "--display-lg-size": "var(--text-5xl)", "--display-lg-weight": "var(--weight-bold)", "--display-md-size": "var(--text-4xl)", "--display-md-weight": "var(--weight-bold)", "--display-sm-size": "var(--text-3xl)", "--display-sm-weight": "var(--weight-semibold)", "--display-sm-leading": "var(--leading-tight)", "--display-sm-tracking": "var(--tracking-tight)", "--title-lg-size": "var(--text-2xl)", "--title-lg-weight": "var(--weight-semibold)", "--title-md-size": "var(--text-xl)", "--title-md-weight": "var(--weight-semibold)", "--title-sm-size": "var(--text-lg)", "--title-sm-weight": "var(--weight-semibold)", "--headline-size": "var(--text-md)", "--headline-weight": "var(--weight-semibold)", "--headline-leading": "var(--leading-snug)", "--lead-weight": "var(--weight-regular)", "--body-lg-weight": "var(--weight-regular)", "--body-weight": "var(--weight-regular)", "--body-sm-weight": "var(--weight-regular)", "--label-lg-size": "var(--text-base)", "--label-lg-weight": "var(--weight-medium)", "--label-size": "var(--text-sm)", "--label-weight": "var(--weight-medium)", "--label-sm-size": "var(--text-xs)", "--label-sm-weight": "var(--weight-medium)", "--caption-size": "var(--text-sm)", "--caption-weight": "var(--weight-regular)", "--caption-leading": "var(--leading-normal)", "--caption-sm-size": "var(--text-xs)", "--caption-sm-weight": "var(--weight-regular)", "--code-size": "0.875em", "--code-weight": "var(--weight-regular)", "--code-family": "var(--font-mono)", "--label-md-size": "var(--label-size)", "--label-md-weight": "var(--label-weight)", "--font-size-body": "var(--body-size)", "--font-size-body-sm": "var(--body-sm-size)", "--font-size-caption": "var(--caption-size)", "--font-size-label": "var(--label-size)", "--font-size-xs": "var(--text-xs)", "--font-weight-semibold": "var(--weight-semibold)", "--line-height-body": "var(--body-leading)", "--line-height-caption": "var(--caption-leading)", "--leading-5": "var(--leading-normal)", "--size-body-sm": "var(--body-sm-size)" } }, "layouts": [ "ren-center", "ren-center-narrow", "ren-center-prose", "ren-center-wide", "ren-cluster", "ren-cover", "ren-frame", "ren-frame-photo", "ren-frame-square", "ren-grid", "ren-grid-2", "ren-grid-3", "ren-grid-4", "ren-reel", "ren-row", "ren-row-spread", "ren-stack", "ren-stack-lg", "ren-stack-sm", "ren-switcher", "ren-with-sidebar" ], "components": { "counts": { "primitives": 19, "composites": 26, "patterns": 8, "total": 53 }, "names": [ "ren-accordion", "ren-ai", "ren-alert-dialog", "ren-avatar", "ren-badge", "ren-banner", "ren-breadcrumb", "ren-button", "ren-calendar", "ren-card", "ren-carousel", "ren-checkbox", "ren-collapsible", "ren-color-picker", "ren-combobox", "ren-command", "ren-context-menu", "ren-date-picker", "ren-date-range-picker", "ren-dialog", "ren-dropzone", "ren-empty-state", "ren-field", "ren-form", "ren-hover-card", "ren-icon", "ren-kbd", "ren-link", "ren-menu", "ren-menubar", "ren-nav", "ren-number-field", "ren-otp", "ren-pagination", "ren-popover", "ren-progress", "ren-radio", "ren-scroll-area", "ren-select", "ren-separator", "ren-sheet", "ren-sidebar", "ren-skeleton", "ren-slider", "ren-spinner", "ren-switch", "ren-table", "ren-tabs", "ren-tag", "ren-toast", "ren-toggle-group", "ren-toolbar", "ren-tooltip" ] }, "profiles": [ "generic", "codex", "strict" ], "rules": [ { "id": "hardcoded-color", "severity": "error", "category": "tokens", "profile": null, "engine": "static" }, { "id": "primitive-color-token", "severity": "error", "category": "tokens", "profile": null, "engine": "static" }, { "id": "off-scale-font-size", "severity": "warning", "category": "typography", "profile": null, "engine": "static" }, { "id": "off-scale-radius", "severity": "warning", "category": "shape", "profile": null, "engine": "static" }, { "id": "tight-leading", "severity": "error", "category": "typography", "profile": null, "engine": "static" }, { "id": "heading-order", "severity": "error", "category": "semantics", "profile": null, "engine": "static" }, { "id": "broken-image", "severity": "error", "category": "content", "profile": null, "engine": "static" }, { "id": "button-type", "severity": "error", "category": "semantics", "profile": null, "engine": "static" }, { "id": "clipped-overlay-risk", "severity": "warning", "category": "layout", "profile": null, "engine": "static" }, { "id": "content-overflow", "severity": "error", "category": "layout", "profile": null, "engine": "browser" }, { "id": "text-viewport-edge", "severity": "error", "category": "layout", "profile": null, "engine": "browser" }, { "id": "cramped-padding", "severity": "warning", "category": "spacing", "profile": null, "engine": "browser" }, { "id": "long-line", "severity": "warning", "category": "typography", "profile": null, "engine": "browser" }, { "id": "low-contrast", "severity": "error", "category": "accessibility", "profile": null, "engine": "browser" }, { "id": "bespoke-layout", "severity": "warning", "category": "layout", "profile": "codex", "engine": "static" }, { "id": "decorative-grid-background", "severity": "warning", "category": "aesthetics", "profile": "codex", "engine": "static" }, { "id": "monotonous-spacing", "severity": "warning", "category": "spacing", "profile": "codex", "engine": "browser" } ] }