/* Ritocchi UI condivisi: navigazione primaria e contrasto tema chiaro. */

/* La navigazione primaria distingue soltanto le due vere destinazioni del sito:
   Meta (home) e Metodo Draft (pagina separata). */
.nav-links { align-items: center; gap: 10px; }
.nav-links a { padding: 7px 10px; border-radius: 8px; }
.nav-links a[aria-current="page"] {
  color: #d17cff;
  background: rgba(160, 58, 255, .08);
  box-shadow: inset 0 0 0 1px rgba(191, 105, 255, .20);
}

/* CTA finale home: in light mode il testo non deve finire sopra una fascia scura. */
html[data-theme="light"] .final-cta {
  border-color: rgba(146, 70, 180, .24);
  background:
    radial-gradient(circle at 15% 50%, rgba(164, 75, 211, .13), transparent 31%),
    radial-gradient(circle at 86% 50%, rgba(230, 91, 178, .10), transparent 32%),
    linear-gradient(90deg, #eee3f5, #faf7fc 48%, #f0e2ef);
}
html[data-theme="light"] .final-cta strong {
  color: #24182c;
  text-shadow: none;
}

/* Il Draft mantiene una hero scura anche nel tema chiaro: testo sempre chiaro. */
html[data-theme="light"] .draft-hero h1 { color: #fff; text-shadow: 0 2px 24px rgba(0,0,0,.28); }
html[data-theme="light"] .draft-hero p { color: rgba(245, 240, 250, .80); }
html[data-theme="light"] .draft-hero .eyebrow { color: #d98aff; }

/* Nel tema chiaro il percorso Draft diventa realmente chiaro invece di mantenere
   il pannello scuro con testo ereditato quasi nero. */
html[data-theme="light"] .draft-flow {
  border-color: rgba(153, 74, 197, .30);
  background:
    radial-gradient(circle at 4% 0%, rgba(163, 70, 215, .13), transparent 28%),
    linear-gradient(135deg, #f1e6f7, #fff 48%, #f4edf7);
  box-shadow: 0 18px 45px rgba(75, 48, 88, .08);
}
html[data-theme="light"] .draft-flow .flow-heading h2,
html[data-theme="light"] .draft-flow .flow-card h3,
html[data-theme="light"] .draft-flow .flow-notes strong { color: #211727; }
html[data-theme="light"] .draft-flow .flow-heading p,
html[data-theme="light"] .draft-flow .flow-card p,
html[data-theme="light"] .draft-flow .flow-notes p { color: #615768; }
html[data-theme="light"] .draft-flow .eyebrow { color: #8e2fbd; }
html[data-theme="light"] .draft-flow .flow-card {
  border-color: rgba(132, 92, 153, .22);
  background: rgba(255,255,255,.86);
  box-shadow: 0 8px 22px rgba(67, 45, 76, .06);
}
html[data-theme="light"] .draft-flow .flow-number {
  background: #a943d5;
  color: #fff;
}
html[data-theme="light"] .draft-flow .flow-notes p {
  border-left-color: #a63bd2;
  background: rgba(255,255,255,.62);
}

html[data-theme="light"] .nav-links a[aria-current="page"] {
  color: #74259b;
  background: #f0e3f7;
  box-shadow: inset 0 0 0 1px rgba(117, 53, 145, .18);
}