/**
 * AVENIX Venture - Layout, Motion & Spatial Constants
 */

:root {
  /* 8pt Spacing Scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 96px;
  --space-9: 128px;

  /* Section Padding (Mobile-first responsive) */
  --section-padding-y: clamp(3.5rem, 6vw, 6.5rem);
  --section-padding-x: clamp(1.0rem, 3.5vw, 2.5rem);

  /* Border Radii */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 32px;
  --radius-full: 9999px;

  /* Elevation & Shadows */
  --shadow-xs: 0 1px 2px var(--color-shadow-sm);
  --shadow-sm: 0 2px 8px var(--color-shadow-sm);
  --shadow-md: 0 8px 24px var(--color-shadow-md);
  --shadow-lg: 0 16px 40px var(--color-shadow-lg);
  --shadow-glow: 0 0 30px var(--color-primary-glow);
  --shadow-ai-glow: 0 0 30px var(--color-secondary-glow);

  /* Containers */
  --container-max: 1280px;
  --container-narrow: 880px;
  --container-wide: 1440px;

  /* Breakpoints Reference (for media queries) */
  --bp-sm: 480px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;

  /* Motion & Timing */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 400ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-spring: 500ms cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Z-Index Scale */
  --z-header: 100;
  --z-drawer: 200;
  --z-dropdown: 300;
  --z-modal: 500;
  --z-toast: 600;
}