/* css/variables/sizes.css */
:root {
  /* Spacing */
  --spacing-sm: 0.5rem;    /* 8px */
  --spacing-md: 1rem;      /* 16px */
  --spacing-lg: 1.5rem;    /* 24px */
  --spacing-xl: 3rem;      /* 48px */
  
  /* Border Radius */
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 1rem;
  --radius-pill: 50rem;
  
  /* Font Sizes */
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: 2rem;
  --font-size-huge: 8rem; /* Chuyên dụng cho màn hình hiển thị số thứ tự */
  
  /* Z-Index Architecture */
  --z-index-header: 1030;
  --z-index-modal: 1050;
  --z-index-toast: 1090;
}