/* ====== Tema verde personalizzato per il blog di Andrea Romagnoli ====== */
:root {
  --brand: #2e7d32;        /* verde principale */
  --brand-dark: #1b5e20;   /* verde scuro */
  --brand-light: #81c784;  /* verde chiaro per dark mode */
  --brand-ink: #0e2d12;    /* verde molto scuro */
  --brand-soft: #e9f5ec;   /* sfondo tenue */
  --ink: #0f172a;          /* testo principale */
  --muted: #6c757d;        /* testo secondario */

  /* Override Bootstrap */
  --bs-primary: var(--brand);
  --bs-body-color: var(--ink);
  --bs-link-color: var(--brand);
  --bs-link-hover-color: var(--brand-dark);
  --bs-body-bg: #ffffff;
}

html { scroll-behavior: smooth; }

/***** Navbar *****/
.navbar.bg-brand {
  background: linear-gradient(90deg, var(--brand-dark), var(--brand));
}
.navbar .nav-link { opacity: 0.9; color: #fff !important; }
.navbar .nav-link:hover,
.navbar .nav-link:focus { opacity: 1; }

/***** Hero *****/
.hero {
  min-height: 60vh;
  background: linear-gradient(180deg, rgba(27,94,32,.9), rgba(46,125,50,.85)),
              url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat;
}
.hero .btn-outline-light { border-color: #fff; }

/***** Card hover *****/
.hover-lift { transition: transform .15s ease, box-shadow .15s ease; }
.hover-lift:hover {
  transform: translateY(-4px);
  box-shadow: 0 1rem 1.5rem rgba(0,0,0,.12) !important;
}

/***** Sezioni *****/
section { scroll-margin-top: 5rem; }
.bg-light { background-color: var(--brand-soft) !important; }

/***** Tipografia *****/
.lead { color: #f0fdf4; }
.text-secondary { color: var(--muted) !important; }

/***** Link personalizzati *****/
a {
  color: var(--brand);
  text-decoration: none;
}
a:hover {
  color: var(--brand-dark);
  text-decoration: underline;
}

/***** Bottoni *****/
.btn-primary {
  background-color: var(--brand);
  border-color: var(--brand);
}
.btn-primary:hover {
  background-color: var(--brand-dark);
  border-color: var(--brand-dark);
}
.btn-outline-secondary {
  color: var(--brand-ink);
  border-color: var(--brand-ink);
}
.btn-outline-secondary:hover {
  background-color: var(--brand-ink);
  color: #fff;
}

/***** Immagini *****/
.object-fit-cover { object-fit: cover; }

/***** Footer *****/
footer { background: #fff; }

/* Accessibilità: focus visibile */
:focus {
  outline: 3px solid rgba(46,125,50,.35);
  outline-offset: 2px;
}

/* ====== DARK MODE MANUALE ====== */
body.dark-mode {
  background-color: #0b1410;
  color: #f8fafc;
}

/* Link chiari su dark */
body.dark-mode a {
  color: var(--brand-light);
}
body.dark-mode a:hover {
  color: #b2fab4;
}

/* Navbar in dark */
body.dark-mode .navbar.bg-brand {
  background: linear-gradient(90deg, var(--brand), var(--brand-dark));
}
body.dark-mode .navbar .nav-link { color: #e0f2e9 !important; }

/* Sezioni chiare diventano scure */
body.dark-mode .bg-light { background-color: #111c16 !important; }

/* Card e box */
body.dark-mode .card,
body.dark-mode .p-4.rounded-3 {
  background-color: #18271e;
  color: #f8fafc;
}

/* Footer */
body.dark-mode footer {
  background: #0f1a14;
  color: #cbd5e1;
}

/* Bottoni */
body.dark-mode .btn-outline-secondary {
  color: #f8fafc;
  border-color: #f8fafc;
}
body.dark-mode .btn-outline-secondary:hover {
  background-color: #f8fafc;
  color: var(--brand-ink);
}