:root {
  --primary: #6C2BD9;
  --primary-bg: #F4EDFF;

  --text-main: #111827;
  --text-muted: #6B7280;

  --border: #E5E7EB;
  --bg: #F9FAFB;
  --white: #FFFFFF;

  --success-bg: #E7F7EE;
  --success-text: #0F9D58;

  --warning-bg: #FFF1E6;
  --warning-text: #D97706;

  --neutral-bg: #ffffff;
  --neutral-text: #000000;

  --danger-bg: #FDECEC;
  --danger-text: #DC2626;

  --radius: 12px;
  --font: 'Inter', sans-serif;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;                 /* REMOVE BROWSER DEFAULT */
  font-family: var(--font);
  background: var(--bg);
  color: var(--text-main);
}