/* Proposta 13 ottobre 2026 — nero neutro, contrasto e luce del marchio. */
body, body.cinofilia {
  --ink: #080809;
  --panel: #151517;
  --paper: #f4f4f2;
  --muted: #bdbdbf;
  --line: #343437;
  --brand: #ed8b4b;
  background: var(--ink);
  color: var(--paper);
}
.site-header, .cinofilia .site-header, .site-header nav {
  background: #080809;
  border-color: var(--line);
}
.site-header.is-scrolled, .cinofilia .site-header.is-scrolled {
  background: rgba(8, 8, 9, .96);
  box-shadow: 0 8px 26px #0005;
}
@supports (backdrop-filter: blur(10px)) {
  .site-header.is-scrolled, .cinofilia .site-header.is-scrolled {
    background: rgba(8, 8, 9, .9);
  }
}
.hero, .cinofilia .hero, .page-hero { background: #080809; }
.cinofilia .paths { background: #0c0c0e; }
.cinofilia .field { background: #101012; }
.cinofilia .first-meeting {
  background: #151517;
  border-color: var(--line);
}
.cinofilia .steps li { border-color: var(--line); }
.hero-services, .hero-help, .location, .pronunciation { color: var(--muted); }
/* La luce resta circoscritta al marchio, senza tingere tutta la sezione. */
.motion-proposal .hero-wordmark::before {
  background: radial-gradient(ellipse at 44% 48%,
    rgba(237, 139, 75, .17) 0,
    rgba(208, 117, 62, .07) 26%,
    rgba(208, 117, 62, .015) 46%, transparent 64%);
}
.motion-proposal .hero-wordmark .wordmark-cursor { background: var(--brand); }
/* Le fotografie restano a colori. Il riquadro chiaro dà respiro alla pagina. */
.cinofilia .experience {
  --paper: #19191b;
  --muted: #515154;
  --line: #bebebb;
  --brand: #86502c;
  background: #e9e8e4;
  color: var(--paper);
  border-color: #d2d1cd;
}
.cinofilia .experience .section-label { color: #565658; }
.cinofilia .experience .text-link { color: #303032; border-color: #868688; }
.cinofilia .experience .text-link:hover { color: #000; }
.cinofilia .experience .button { background: #222224; color: #fff; border-color: #222224; }
.cinofilia .experience .button:hover { background: #000; }
.paths-grid .path {
  background: #111113;
  border-color: #343437;
  border-top-color: #a4663e;
  transition: background-color 200ms ease, border-color 200ms ease;
}
.paths-grid .path:hover, .paths-grid .path:focus-visible {
  background: #1a1a1d;
  border-color: #7b7b7f;
  border-top-color: var(--brand);
}
.cinofilia .course-symbol { opacity: .76; }
.activity-card h3 {
  font-family: var(--display);
  font-size: clamp(30px, 2.6vw, 38px);
  font-weight: 400;
  letter-spacing: -.015em;
  line-height: 1.2;
}
.activity-card .section-label, .person-role, .person .credentials,
.person > p:not(.person-role), .contact-links, .footer, .footer-legal,
.field-grid figcaption, .photo-note { color: var(--muted); }
.person figure::after { background: linear-gradient(0deg, rgba(8,8,9,.3), transparent 35%); }
.text-link { border-color: #66666b; }
.text-link:hover { border-color: var(--brand); }
.nav-contact { border-color: #a4663e; }
.button-primary { color: #101012; }
.button-secondary { border-color: #707074; }
.mobile-contact-bar { background: #0c0c0e; }
dialog, .consent-banner, .consent-dialog {
  background: #151517;
  border-color: #626268;
  color: var(--paper);
}
#contact-form input, #contact-form textarea { background: #0a0a0c; border-color: #626268; }
.consent-banner p, .consent-dialog p { color: #c6c6c9; }
.consent-button { background: #242427; color: var(--paper); border-color: #909096; }
.consent-button:hover { background: #343438; }
.consent-service { border-color: var(--line); }
.legal-page .page-lead, .legal-page .legal-copy p,
.legal-page .legal-copy ul, .legal-page .legal-copy .document-status { color: #dcdcdf; }
.legal-page .legal-copy strong { color: var(--paper); }
/* Strumenti riservati all'anteprima. */
.motion-toolbar { background: #e5e4e1; color: #28282b; }
.motion-toolbar button { color: #303033; border-color: #a5a5a8; }
.motion-toolbar button[aria-pressed="true"] { background: #242427; border-color: #242427; }
@media (max-width: 760px) {
  .activity-card h3 { font-size: 29px; line-height: 1.15; }
}
@media (max-width: 359px) {
  .activity-card h3 { font-size: 26px; }
}
@media (prefers-reduced-motion: reduce) {
  .paths-grid .path { transition: none; }
}

/* Richiami al viola del logo: tre curve statiche, sottili e fuori dalla lettura. */
body.cinofilia {
  --curva-viola: url("assets/curva-viola.svg");
}
.cinofilia .hero, .cinofilia .activities, .cinofilia .contact {
  position: relative;
  isolation: isolate;
  overflow: clip;
}
.cinofilia .hero::after,
.cinofilia .activities::after,
.cinofilia .contact::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  background: var(--curva-viola) center / contain no-repeat;
  filter: drop-shadow(0 0 6px #a45ce0b0) drop-shadow(0 0 22px #974ed650);
  width: clamp(460px, 60vw, 920px);
  aspect-ratio: 780 / 520;
}
.cinofilia .hero::after {
  right: -3%;
  top: 2%;
  opacity: 1;
}
.cinofilia .activities::after {
  right: -12%;
  top: -100px;
  transform: rotate(-20deg);
  opacity: .75;
}
.cinofilia .contact::after {
  left: -23%;
  bottom: -25%;
  transform: rotate(170deg);
  opacity: .7;
}
@media (max-width: 760px) {
  .cinofilia .hero::after {
    width: 310px;
    right: -117px;
    top: 155px;
    opacity: .72;
  }
  .cinofilia .activities::after {
    width: 330px;
    right: -158px;
    top: 15px;
    opacity: .6;
  }
  .cinofilia .contact::after {
    width: 310px;
    left: -165px;
    bottom: -30px;
    opacity: .55;
  }
}