:root {
  /* Colors */
  --color-primary: linear-gradient(171deg, #00ff88, #48C9B0);
  /*--color-primary: linear-gradient(171deg, #00ff88, #48C9B0);;*/
  --color-secondary: #0f0f23;
  --color-text: #00ff88;
  --color-background: linear-gradient(135deg, #0f0f23 0%, #1a1a3e 100%);
/*#5AFA8A #48C9B0*/

  /* Typography */
  --font-family: "Montserrat",'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  --font-size-sm: 14px;
  --font-size-md: 16px;
  --font-size-lg: 20px;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 32px;

  /* Border */
  --border-radius-sm: 4px;
  --border-radius-md: 7.5px;
}

/* Dark theme */
[data-theme="dark"] {
  --background-color: #121212;
  --text-color: #ffffff;
}