/* JUDE Studio — rilievo 3D su tutto il sito.
   Stessa luce delle card dei tool: chiaro in alto a sinistra, ombra in basso a destra.
   Caricato per ultimo su ogni pagina. */

:root {
  --lift-c: rgba(255, 253, 248, 0.9);   /* luce */
  --shade-c: rgba(57, 58, 55, 0.34);    /* ombra */
}
/* Su fondo scuro la luce è appena accennata e l'ombra più profonda */
.stage.is-dark, .dark, .footer-wrap {
  --lift-c: rgba(255, 255, 255, 0.07);
  --shade-c: rgba(0, 0, 0, 0.55);
}
/* Ricalcolate in ogni contesto, così prendono i colori giusti */
:root, .stage.is-dark, .dark, .footer-wrap {
  --emboss-text:
    -0.018em -0.018em 0.03em var(--lift-c),
    0.03em 0.045em 0.075em var(--shade-c);
  --emboss-line:
    drop-shadow(-2px -2px 2px var(--lift-c))
    drop-shadow(3px 4px 5px var(--shade-c));
}

/* ---------- SCRITTE ---------- */
.intro__word, .intro__studio,
.nav__word, .footer__word,
.chapter__title, .chapter__num, .lead,
.cta__title,
.diagram__items h3,
.phrase,
.branch__head, .values .branch__items li,
.menu__word, .menu__item,
.tool-head__title, .tool__title,
.scheda__title, .panel__title {
  text-shadow: var(--emboss-text);
}
/* le lettere ancora "spente" (Il bello dell'IA) restano piatte */
.phrase .ch:not(.is-lit) { text-shadow: none; }

/* ---------- LINEE E LOGO (SVG) ---------- */
.nav__mark, .footer__mark, .menu__logo,
.hero__art, .lines-scene__art,
.chapter__rule, .diagram__lines,
.branch__lines, .fx, .streaks, .phrase .mirror,
.logo-btn__art, .wipe {
  filter: var(--emboss-line);
}

/* ---------- PULSANTI ---------- */
.btn, .skip, .menu__tag {
  box-shadow: -4px -4px 10px rgba(255, 253, 248, 0.85), 5px 6px 12px rgba(57, 58, 55, 0.28);
}
.dark .btn { box-shadow: -3px -3px 8px rgba(255, 255, 255, 0.06), 5px 6px 14px rgba(0, 0, 0, 0.5); }

/* ---------- PROGRESSO ---------- */
.progress { box-shadow: 0 -2px 6px rgba(57, 58, 55, 0.3); }

/* ---------- GHIRIGORI DI SFONDO (js/ornament.js) ---------- */
.ornament {
  position: fixed; inset: 0; width: 100%; height: 100%; z-index: -1;
  pointer-events: none; opacity: 0;
}
.ornament path {
  fill: none; stroke: var(--grafite); stroke-width: 6;
  stroke-linecap: round; stroke-linejoin: round;
  stroke-dasharray: 1 2; stroke-dashoffset: 1.001;
}