:root {
  --simia-purple: #A56CFF;
  --simia-purple-dark: #8B2CF5;
  --simia-purple-light: #B57CFF;
  --simia-navy: #0A1D3F;
  --simia-bg: #FCFCFF;
  --simia-fg: #020817;
  --simia-muted: #64748B;
  --simia-hover: #F3EAFF;
  --simia-border: #E8E2F0;
  --simia-radius: 0.75rem;
}

body {
  font-family: 'Inter', system-ui, sans-serif;
  background-color: var(--simia-bg);
  color: var(--simia-fg);
}

input,
select,
textarea,
option {
  color: var(--simia-fg);
}

input::placeholder,
textarea::placeholder {
  color: var(--simia-muted);
}

.simia-card {
  background: #fff;
  border: 1px solid var(--simia-border);
  border-radius: 1rem;
}

.simia-input {
  background: #fff;
  border: 1px solid var(--simia-border);
  border-radius: var(--simia-radius);
  color: var(--simia-fg);
}

.simia-input:focus {
  outline: none;
  border-color: var(--simia-purple);
  box-shadow: 0 0 0 3px rgba(165, 108, 255, 0.15);
}

.simia-btn-primary {
  background: var(--simia-purple);
  color: #fff;
  font-weight: 600;
  border-radius: var(--simia-radius);
  transition: opacity 0.15s;
}

.simia-btn-primary:hover {
  opacity: 0.9;
}

.simia-btn-secondary {
  background: #fff;
  color: var(--simia-purple-dark);
  border: 1px solid var(--simia-purple);
  font-weight: 600;
  border-radius: var(--simia-radius);
}

.simia-btn-secondary:hover {
  background: var(--simia-hover);
}

.simia-badge {
  background: rgba(165, 108, 255, 0.12);
  color: var(--simia-purple-dark);
  border-radius: 9999px;
}

.simia-nav-link {
  color: rgba(255, 255, 255, 0.75);
  border-radius: 0.5rem;
  transition: background 0.15s, color 0.15s;
}

.simia-nav-link:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}