/* preset di stile — overlay additivo dei token del tema, applicato dopo tokens.css. */
:root {
  --accent: #2E68B0;
  --accent-dark: #1B4A80;
  --accent-ink: #1F5591;
  --accent-lt: #B9CFE6;
  --area-row-bg: rgba(242,239,233,.74);
  --area-row-radius: 0px;
  --areas-fig-focus: 50% 68%;
  --areas-fig-h: 100%;
  --areas-fig-min: 0px;
  --areas-fig-min-wide: 0px;
  --areas-fig-min-xl: 0px;
  --areas-fig-mt: 0%;
  --areas-fig-ratio: auto;
  --areas-fig-self: stretch;
  --areas-page-fig-ratio: 2;
  --areas-page-fig-ratio-xl: 2;
  --body-bg-hero: #0A1C36;
  --brand: #163A6B;
  --brand-dark: #0E2647;
  --brand-mid: #2A5490;
  --contact-cols-align: stretch;
  --cta-band-py: calc(var(--section-y) * 0.62);
  --deco-colore: var(--accent);
  --fig-ratio: 3 / 2;
  --fig-ratio-wide: 3 / 2;
  --focus: #1F5591;
  --grad-body: linear-gradient(184deg, #FBFAF7 0%, #F7F5F0 62%, #F2EFE9 100%);
  --grad-cta: linear-gradient(148deg, #163A6B 0%, #0E2647 54%, #0A1C36 100%);
  --grad-deep: linear-gradient(166deg, #2A5490 0%, #163A6B 46%, #0A1C36 100%);
  --grad-form: linear-gradient(200deg, #FFFFFF 0%, #F3F0E8 100%);
  --grad-head: linear-gradient(178deg, #F2EFE9 0%, #F7F5F0 58%, #FBFAF7 100%);
  --grad-panel: linear-gradient(158deg, #FFFFFF 0%, #F4F1EA 100%);
  --grad-soft: linear-gradient(180deg, #F7F5F0 0%, #F2EFE9 52%, #EDE9E1 100%);
  --ink: #1A2436;
  --ink-muted: #5A6172;
  --line: #DED8CC;
  --night: #0A1C36;
  --on-dark: #F7F5F0;
  --on-dark-muted: #B6C2D4;
  --paper: #FBFAF7;
  --prose-bg: linear-gradient(170deg, #FFFFFF 0%, #F7F4ED 100%);
  --prose-radius: 0px;
  --scrim: rgba(10,28,54,.42);
  --scrim-deep: rgba(10,28,54,.70);
  --section-studio-py: calc(var(--section-y) * 0.78) calc(var(--section-y) * 1.12);
  --section-tint-py: calc(var(--section-y) * 1.24);
  --section-y: clamp(3.75rem, 2.4rem + 4.4vw, 7rem);
  --space-10: 11rem;
  --space-8: 5rem;
  --space-9: 7.5rem;
  --surface: #F2EFE9;
  --surface-2: #E8E3DA;
  --text-2xl: clamp(1.95rem, 1.45rem + 2vw, 3rem);
  --text-3xl: clamp(2.2rem, 1.6rem + 2.1vw, 3.6rem);
  --timeline-align: start;
  --tl-bg: linear-gradient(158deg, #FFFFFF 0%, #F6F3EC 100%);
  --tl-border: 0 solid transparent;
  --tl-marker-x: var(--space-6);
  --tl-marker-y: var(--space-6);
  --tl-pad: calc(var(--space-6) + var(--space-5)) var(--space-6) var(--space-6);
  --tl-radius: 0px;
  --tl-rule-right: var(--space-6);
  --tl-rule-right-last: var(--space-6);
  --tl-rule-y: calc(var(--space-6) + 7px);
  --veil-0: rgba(10,28,54,0);
  --veil-1: rgba(10,28,54,.58);
  --veil-2: rgba(10,28,54,.14);
  --veil-3: rgba(22,58,107,.26);
  --veil-4: rgba(10,28,54,.44);
  --wordmark-logo: url("../assets/img/design/logo.svg");
  --wordmark-logo-content: "";
  --wordmark-logo-h: calc(var(--wordmark-logo-w) / 2.905);
  --wordmark-logo-w: clamp(150px, 15vw, 208px);
  --wordmark-name-display: none;
  --worklike-lead-w: 86ch;
  --worklike-offset: 0px;
  --worklike-py: calc(var(--section-y) * 1.06);
}