/* Bugatti Marble Spacing & Layout Tokens */
:root {
  /* Base unit: 4px */
  --spacing-xxs: 4px;
  --spacing-xs: 8px;
  --spacing-sm: 12px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 40px;
  --spacing-xxl: 64px;
  --spacing-section: 120px;

  /* Layout */
  --layout-max-width: 1280px;
  --layout-gutter: 40px;

  /* Border radius */
  --rounded-none: 0px;
  --rounded-pill: 9999px;
  --rounded-full: 9999px;

  /* Component sizes */
  --component-button-height: 44px;
  --component-button-icon-size: 40px;
  --component-input-height: 44px;
}