/*
 * Appearance tokens — spacing and border-radius.
 *
 * Spacing values mirror Flutter's Spacing extension (xs/sm/md/lg/xl/xxl).
 * Radius values mirror Flutter's RadiusTheme (none/small/medium/large/full).
 *
 * Usage: link this file alongside a colors_*.css file in index.html.
 */

/* ── Spacing ──────────────────────────────────────────────────────────────── */

:root {
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  12px;
  --space-lg:  16px;
  --space-xl:  24px;
  --space-xxl: 32px;
}

/* ── Border radius ────────────────────────────────────────────────────────── */

:root {
  --radius-none:   0px;
  --radius-small:  4px;
  --radius-medium: 8px;
  --radius-large:  16px;
  --radius-full:   999px;
}