velxio/frontend/src/tokens/index.css

22 lines
625 B
CSS

/* Design tokens — single import surface for the foundation.
*
* Import this from src/index.css before any other CSS. Tokens cascade so
* order matters: primitives must load before semantics that reference them.
*/
@import './colors.css';
@import './spacing.css';
@import './typography.css';
@import './radius.css';
@import './elevation.css';
@import './motion.css';
@import './z-index.css';
/* Global focus ring — applied to every interactive element. WCAG 2.4.7 +
* Apple HIG focus-state guidance. Override per-component if needed.
*/
*:focus-visible {
box-shadow: var(--color-focus-ring);
outline: none;
}