:root {
  --color-primary: #6666ff;
  --color-secondary: #b8baff;
  --color-tertiary: #c9e8ff;
  --color-on-primary: #ffffff;
  --color-surface: #ffffff;
  --color-font: #1a2e37;
  --color-titles: #6666ff;
  --color-accent: var(--color-secondary);
  --color-success: #22c55e;
  --color-blue-tag: #007bff;
  --color-red-tag: #DC3545;
  --color-green-tag: #28a745;
  --radius-sm: 6px;
  --radius-md: 10px;
}

body {
  background-color: var(--color-surface);
  color: var(--color-font);
}

.btn-primary,
button.primary {
  background-color: var(--color-primary);
  color: var(--color-on-primary);
  border-radius: var(--radius-sm);
}

.card {
  background-color: var(--color-surface);
  color: var(--color-font);
  border-radius: var(--radius-md);
}