/* ========================================
   THEME PRIMITIVES - Layer 1
   Fixed CSS custom properties
   ======================================== */

:root {
  /* Spacing scale */
  --p-space-1: 0.25rem;
  --p-space-2: 0.5rem;
  --p-space-3: 0.75rem;
  --p-space-4: 1rem;
  --p-space-6: 1.5rem;
  --p-space-8: 2rem;
  --p-space-12: 3rem;
  --p-space-16: 4rem;
  --p-space-24: 6rem;

  /* Border radius scale */
  --p-radius-none: 0;
  --p-radius-sm: 0.25rem;
  --p-radius-md: 0.5rem;
  --p-radius-lg: 0.75rem;
  --p-radius-xl: 1rem;
  --p-radius-full: 9999px;

  /* Font families */
  --p-font-inter: 'Inter', system-ui, sans-serif;
  --p-font-fraunces: 'Fraunces', serif;
  --p-font-source: 'Source Sans 3', system-ui, sans-serif;
  --p-font-space: 'Space Grotesk', system-ui, sans-serif;
  --p-font-baskerville: 'Libre Baskerville', Georgia, serif;
  --p-font-nunito: 'Nunito', system-ui, sans-serif;
  --p-font-outfit: 'Outfit', system-ui, sans-serif;
  --p-font-avenir: 'Nunito Sans', 'Avenir Next', 'Avenir', system-ui, sans-serif;

  /* Font size scale */
  --p-text-xs: 0.75rem;
  --p-text-sm: 0.875rem;
  --p-text-base: 1rem;
  --p-text-lg: 1.125rem;
  --p-text-xl: 1.25rem;
  --p-text-2xl: 1.5rem;
  --p-text-3xl: 1.875rem;
  --p-text-4xl: 2.25rem;

  /* Animation durations */
  --p-duration-fast: 0.1s;
  --p-duration-normal: 0.2s;
  --p-duration-slow: 0.35s;

  /* Easing functions */
  --p-ease-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --p-ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Shadow base */
  --p-shadow-color: 0 0% 0%;
  --p-shadow-strength: 0.06;
}
