/* Holina Factory design tokens — violet accent system only. */
:root {
  --bg-dark: #0a0a0a;
  --surface-low: #0a0a0a;
  --surface-high: #141414;
  --accent-violet: #a334f3;
  --accent-glow: rgba(163, 52, 243, 0.42);
  --btn-primary-fill: linear-gradient(180deg, rgba(163,52,243,0.32), rgba(10,10,10,0));
  --btn-primary-border: rgba(163,52,243,0.75);
  --btn-primary-glow: 0 0 16px rgba(163,52,243,0.25);
  --btn-secondary-fill: linear-gradient(180deg, rgba(163,52,243,0.12), rgba(10,10,10,0));
  --btn-secondary-border: rgba(163,52,243,0.30);
  --btn-hover-wash: rgba(163,52,243,0.40);
  --btn-hover-border: rgba(163,52,243,0.85);
  --text-muted: #9c9c9c;
  --border-subtle: #212529;
  --success-teal: #42f977;
  --error-red: #e72020;
}
body {
  font-family: 'Inter', sans-serif;
  background-color: var(--bg-dark);
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  margin: 0;
}
.mono { font-family: 'JetBrains Mono', monospace; }
.glass-card {
  background: var(--surface-high);
  border: 1px solid var(--border-subtle);
  transition: all 0.2s ease;
}
.primary-btn {
  background: var(--btn-primary-fill);
  border: 1.5px solid var(--btn-primary-border);
  box-shadow: var(--btn-primary-glow);
  color: #ffffff;
  font-weight: 600;
  transition: all 0.2s;
}
.primary-btn:hover {
  background: var(--btn-hover-wash);
  border-color: var(--btn-hover-border);
}
.secondary-btn, .source-chip, .btn-action {
  background: var(--btn-secondary-fill);
  border: 1px solid var(--btn-secondary-border);
  color: #e0e0e0;
  transition: all 0.2s;
}
.secondary-btn:hover, .source-chip:hover, .btn-action:hover {
  background: var(--btn-hover-wash);
  border-color: var(--btn-hover-border);
  color: #ffffff;
}