:root {
  /* Colors */
  --primary: #6C5CE7;
  --primary-light: #A29BFE;
  --secondary: #00CEC9;
  --accent: #FD79A8;
  --bg: #F8F9FA;
  --bg-dark: #2D3436;
  --text: #2D3436;
  --text-light: #636E72;
  --text-white: #FFFFFF;
  --success: #00B894;
  --warning: #FDCB6E;
  --danger: #FF7675;
  --card-bg: #FFFFFF;
  --border: #DFE6E9;

  /* Shadows */
  --shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 5px 20px rgba(0, 0, 0, 0.15);

  /* Border Radius */
  --radius: 12px;
  --radius-sm: 8px;
  --radius-full: 50px;

  /* Font Sizes */
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-md: 1rem;
  --fs-lg: 1.25rem;
  --fs-xl: 1.5rem;
  --fs-2xl: 2rem;

  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 1.75rem;
  --space-2xl: 2rem;

  /* Transition */
  --transition: all 0.3s ease;
}