:root {
      --fen-verde: #39B54A;
      --fen-verde-scuro: #25623B;
      --fen-rosso: #E53935;
      --fen-bianco: #FFFFFF;
      --fen-background: #F7FAF8;
      --fen-grigio-chiaro: #A0B2A9;
      --fen-blu-notte: #19212A;
      --fen-verde-pastello: #C7F8CC;
      --navbar-bg: var(--fen-verde);
      --navbar-text: var(--fen-bianco);
      --link-color: var(--fen-verde);
      --link-hover: var(--fen-verde-scuro);
      --btn-primary-bg: var(--fen-verde);
      --btn-primary-text: var(--fen-bianco);
      --btn-secondary-bg: var(--fen-verde-pastello);
      --btn-secondary-border: var(--fen-verde-scuro);
      --btn-secondary-text: var(--fen-verde-scuro);
      --text-main: var(--fen-blu-notte);
      --text-title: var(--fen-verde-scuro);
      --text-muted: var(--fen-grigio-chiaro);
      --block-bg: var(--fen-bianco);
      --block-border: var(--fen-verde-pastello);
      --card-hover: var(--fen-verde-pastello);
      --alert-bg: var(--fen-rosso);
      --alert-text: var(--fen-bianco);
    }
    body {
      margin: 0;
      background: var(--fen-background);
      color: var(--text-main);
      font-family: 'Segoe UI', Arial, sans-serif;
    }
    .navbar {
      background: var(--navbar-bg);
      color: var(--navbar-text);
      padding: 1em 2em;
      font-size: 1.2em;
    }
    a {
      color: var(--link-color);
      text-decoration: underline;
      transition: color 0.2s;
    }
    a:hover {
      color: var(--link-hover);
    }
    .button-primary {
      background: var(--btn-primary-bg);
      color: var(--btn-primary-text);
      border: none;
      padding: 0.7em 1.5em;
      border-radius: 4px;
      cursor: pointer;
      font-size: 1em;
      margin: 1em 0 1em 0;
    }
    .card {
      background: var(--block-bg);
      border: 1px solid var(--block-border);
      padding: 2em;
      border-radius: 10px;
      box-shadow: 0 4px 12px #00000009;
      margin-top: 2em;
      transition: background 0.2s;
    }
    .card:hover {
      background: var(--card-hover);
    }
    .alert {
      background: var(--alert-bg);
      color: var(--alert-text);
      padding: 1em;
      border-radius: 6px;
      margin-bottom: 1em;
    }
    h1 {
      color: var(--text-title);
    }
    .muted {
      color: var(--text-muted);
    }

main{
  padding: 60px 20px 20px 20px;
  max-width: 800px; 
  margin: 2em auto;
  margin-top: 5rem !important;
}