/**
 * CSS Custom Properties (Variables)
 *
 * @package RWPP_Theme
 * @since 1.0.0
 */

:root {
  /* Colors - Purple Palette */
  --purple-primary: #7b2fbf;
  --purple-dark: #5a1e8f;
  --purple-light: #9b4fdf;
  --purple-ultra-light: #e5d4f5;
  --purple-gradient: linear-gradient(135deg, #7b2fbf 0%, #9b4fdf 100%);

  /* Colors - Accent */
  --teal-accent: #06b6d4;
  --orange-accent: #f97316;

  /* Colors - Grayscale */
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-900: #111827;
  --white: #ffffff;

  /* Typography */
  --font-display: "Outfit", sans-serif;
  --font-body: "DM Sans", sans-serif;

  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1);
  --shadow-purple: 0 10px 30px -5px rgba(123, 47, 191, 0.3);
}