/* 
  This file contains global design variables such as colors,
  gradients, spacing, and shadows
  --> these variables ensure a consistent design accross the whole application
*/

:root {
  /* Main gradient used for buttons and highlights */
  --gradient: linear-gradient(90deg, #7c3aed, #3b82f6, #ec4899);

  /* Background color of the application */
  --bg: #f8fafc;

  /* Default text color */
  --text: #0f172a;

  /* Container background */
  --card: #ffffff;

  /* Border radius for rounded elements */
  --radius: 16px;

  /* Standard shadow for cards and components */
  --shadow: 0 10px 30px rgba(0,0,0,0.08);
}