/*
 * Global custom styles — aligned to tokens v2 (ADR 0006 / frontend-0010).
 * Brand palette: orange-600 #ea580c primary, slate scale neutrals, white bg.
 * Prefer Tailwind utilities in templates; legacy custom classes below are
 * retained for backward compatibility with `home-old.html` (archived) and
 * any third-party scripts referencing the old class names.
 */

body {
  font-family: 'Inter', system-ui, -apple-system, 'Roboto', sans-serif;
  background-color: #ffffff;
  color: #1e293b; /* slate-800 */
}

.color-back {
  background-color: #ffffff;
}

/* Legacy class aliases — remapped to tokens v2 */
.text-primary   { color: #0f172a; }  /* slate-900 — body strong */
.text-secondary { color: #475569; }  /* slate-600 — body muted */
.text-tertiary  { color: #c2410c; }  /* orange-700 — accent strong */

.bg-primary   { background-color: #0f172a; }
.bg-tertiary  { background-color: #ea580c; }  /* orange-600 — CTA */

.accordion-content {
  display: none;
  transition: max-height 0.3s ease;
}

.accordion.active .accordion-content {
  display: block;
}

.section-title {
  font-size: 24px;
  line-height: 27px;
  font-weight: 500;
  text-align: center;
}

.bi-2x {
  font-size: 2rem;
}

@media (min-width: 900px) {
  .section-title {
    font-weight: 500;
    text-align: center;
    font-size: 40px;
  }
}

.titolo-op {
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
}

.titolo-op2 {
  background-color: #ffffff;
  color: #0f172a;
}