@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap');

:root {
  /* Color Palette */
  --color-primary: #861a2f;       /* Deep Crimson / Burgundy */
  --color-primary-rgb: 134, 26, 47;
  --color-accent: #de1767;        /* Vibrant Pinkish Red */
  --color-accent-rgb: 222, 23, 103;
  --color-accent-hover: #c11054;
  
  /* Neutrals */
  --color-dark: #121212;          /* Rich Black */
  --color-dark-surface: #1a1a1a;  /* Surface Black */
  --color-dark-card: #242424;     /* Card Black */
  
  --color-light: #ffffff;
  --color-light-surface: #f8f9fa; /* Light Grey Surface */
  --color-light-card: #ffffff;
  
  --color-grey-dark: #343a40;     /* Dark Grey */
  --color-grey-muted: #6c757d;    /* Muted Grey */
  --color-grey-light: #e9ecef;    /* Light Grey for Borders/Dividers */
  --color-grey-border: rgba(0, 0, 0, 0.08);
  --color-grey-border-dark: rgba(255, 255, 255, 0.08);

  /* Typography */
  --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;

  /* Spacing */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-xxl: 4rem;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.1);
  --shadow-accent: 0 8px 30px rgba(222, 23, 103, 0.15);
  
  /* Borders */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}