/**
 * Design token aggregator.
 * Keep this file as the single page include; token ownership lives in
 * /public/static/css/tokens/*.
 */
@import url("./tokens/color.css");
@import url("./tokens/spacing.css");
@import url("./tokens/density.css");
@import url("./tokens/radius.css");
@import url("./tokens/elevation.css");
@import url("./tokens/glow.css");
@import url("./tokens/motion.css");
@import url("./tokens/zindex.css");
@import url("./tokens/interaction.css");
@import url("./tokens/typography-rhythm.css");
@import url("./tokens/card-hierarchy.css");

:root {
  --color-border: var(--color-border-subtle);
  --breakpoint-sm: 768px;
  --breakpoint-md: 1024px;
  --breakpoint-lg: 1440px;
  --breakpoint-xl: 1920px;
}