/* hello-design · shared tokens (brand-agnostic).
   Imported automatically by every theme/<brand>/tokens.<kind>.css.
   Mirror of src/tokens/_global.css — regenerate via tools/generate-theme.js. */
:root {
  /* Spacing */
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 64px;
  --space-11: 96px;
  --space-12: 128px;
  /* Radius */
  --radius-xs: 3px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 9999px;
  /* Border */
  --border-1: 1px;
  --border-2: 1.5px;
  --border-3: 2px;
  /* Motion */
  --motion-dur-fast: 120ms;
  --motion-dur-base: 200ms;
  --motion-dur-slow: 360ms;
  --motion-dur-slower: 600ms;
  --motion-ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --motion-ease-emphasized: cubic-bezier(0.3, 0, 0, 1);
  --motion-ease-decel: cubic-bezier(0, 0, 0.2, 1);
  --motion-ease-spring: cubic-bezier(0.34, 1.18, 0.64, 1);
  --motion-ease-back: cubic-bezier(0.36, 0, 0.66, -0.56);
  --motion-shake-sm: 2px;
  --motion-shake-md: 3px;
  /* Type scale */
  --type-scale-xs: clamp(10.5px, 0.55vw + 9px, 12px);
  --type-scale-sm: clamp(12px,   0.5vw  + 10px, 13.5px);
  --type-scale-md: clamp(13.5px, 0.6vw  + 11px, 15px);
  --type-scale-lg: clamp(15px,   0.8vw  + 13px, 18px);
  --type-scale-xl: clamp(18px,   1vw    + 15px, 22px);
  --type-scale-2xl: clamp(22px,   1.6vw  + 18px, 28px);
  --type-scale-3xl: clamp(26px,   2vw    + 21px, 36px);
  --type-scale-display: clamp(40px,   5vw    + 24px, 64px);
  --type-scale-xs-static: 11px;
  --type-scale-sm-static: 13px;
  --type-scale-md-static: 15px;
  --type-scale-lg-static: 18px;
  /* Type style */
  --line-height-tight: 1.05;
  --line-height-snug: 1.25;
  --line-height-normal: 1.45;
  --line-height-relaxed: 1.6;
  --letter-tight: -0.02em;
  --letter-tighter: -0.025em;
  --letter-wide: 0.04em;
  --letter-wider: 0.08em;
  --letter-widest: 0.10em;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  /* Breakpoints */
  --bp-sm: 640px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
  /* Z-index */
  --z-base: 0;
  --z-raised: 10;
  --z-overlay: 100;
  --z-modal: 1000;
  --z-popover: 1100;
  --z-tooltip: 1200;
  /* Other */
  --size-avatar-sm: 36px;
  --size-avatar-md: 40px;
  --size-fab: 56px;
  --size-nav-rail: 200px;
  --size-hero-canvas: 360px;
  --size-clearspace: 360px;
  --grid-tile-xs: 110px;
  --grid-tile-sm: 140px;
  --grid-tile-md: 160px;
  --grid-tile-lg: 180px;
  --grid-tile-xl: 220px;
  --grid-tile-2xl: 280px;
  --size-color-chip-h: 48px;
  --size-swatch-chip-h: 50px;
  --size-mockup-min-h: 320px;
  --size-pre-max-h: 320px;
  --size-pre-max-h-lg: 360px;
  --size-export-max-h: 220px;
}