/* Base Styles */

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: var(--font-family-base);
  font-size: var(--font-size-body);
  color: var(--color-text);
  background-color: var(--color-background);
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 { font-weight: var(--font-weight-semibold); }

a { color: var(--color-primary); text-decoration: none; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  padding: var(--spacing-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
}

button { cursor: pointer; font-family: inherit; }

.opacity-50 { opacity: 0.5; }

.border-primary { border: 1px solid var(--color-primary) !important; }