:root {
  --azionelab-bg: #f3eee6;
  --azionelab-surface: rgba(255, 255, 255, 0.78);
  --azionelab-surface-strong: rgba(255, 255, 255, 0.92);
  --azionelab-ink: #1e1b18;
  --azionelab-muted: #645b53;
  --azionelab-accent: #9f2f28;
  --azionelab-accent-strong: #7f211c;
  --azionelab-border: rgba(30, 27, 24, 0.12);
  --azionelab-shadow: 0 18px 48px rgba(46, 28, 18, 0.12);
  --azionelab-success-bg: #edf7ef;
  --azionelab-success-ink: #1f5f2b;
  --azionelab-success-border: rgba(46, 125, 50, 0.18);
  --azionelab-error-bg: #fff3f1;
  --azionelab-error-ink: #8b2a20;
  --azionelab-error-border: rgba(179, 38, 30, 0.16);
}

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  min-height: 100%;
  font-family: "Manrope", "Segoe UI", sans-serif;
  color: var(--azionelab-ink);
  background:
    radial-gradient(circle at top right, rgba(159, 47, 40, 0.12), transparent 28%),
    radial-gradient(circle at left center, rgba(140, 116, 86, 0.14), transparent 35%),
    linear-gradient(180deg, #fbf7f2 0%, var(--azionelab-bg) 100%);
}

body {
  min-height: 100vh;
}

h1, h2, h3 {
  font-family: "Fraunces", "Times New Roman", serif;
  letter-spacing: -0.02em;
}

button, input, textarea {
  font: inherit;
}

.material-symbols-outlined {
  font-variation-settings:
    'FILL' 0,
    'wght' 500,
    'GRAD' 0,
    'opsz' 24;
}