/* base.css */

body {
  background: var(--bg-main);
  color: var(--text-main);
  font-family: var(--font-main);
  font-size: var(--fs-3);
  line-height: var(--lh);

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Forum simple markup */
center{
  display: block;
  text-align: center;
}

/* Link */
a {
  color: var(--accent);
  text-decoration: none;
  transition: color var(--t-fast);
}
a:hover { color: var(--accent-hover); }

/* Headings */
h1, h2, h3, h4 {
  font-weight: 500;
  color: var(--text-main);
}

/* Paragraph */
p { color: var(--text-muted); }

/* Utility base per “panel” e “input surface” se ti servono spesso */
.lv-panel {
  background: var(--bg-panel);
  border: var(--border);
  border-radius: var(--radius-2);
}

.lv-input-surface {
  background: var(--bg-input);
  border: var(--border);
  border-radius: var(--radius-1);
}

/* ---------- Outline Buttons (Confirm/Cancel) ---------- */
.btn-outline{
  height: var(--btn-h);
  padding: 0 var(--btn-px);
  border-radius: var(--btn-radius);
  border: var(--border);
  background: transparent;
  color: var(--text-main);
  cursor: pointer;
  font-weight: 600;
}
.btn-outline:hover{ filter: brightness(1.08); }
.btn-outline:disabled{
  opacity: 0.6;
  cursor: not-allowed;
}
.btn-outline.btn-accent{
  border-color: color-mix(in srgb, var(--accent) 60%, var(--border-color));
  color: var(--accent);
}
.btn-outline.btn-danger{
  border-color: color-mix(in srgb, var(--danger) 60%, var(--border-color));
  color: var(--danger);
}
.btn-outline.btn-warning{
  border-color: color-mix(in srgb, var(--warning) 60%, var(--border-color));
  color: var(--warning);
}