/* preset di stile — overlay additivo dei token del tema, applicato dopo tokens.css. */
:root {
  --accent: #DCF1F1;
  --accent-dark: #044A50;
  --accent-ink: #056068;
  --accent-lt: #0A5C62;
  --band-gallery-bg: var(--surface-2);
  --band-head-bg: var(--surface);
  --band-head-grad: linear-gradient(112deg, #FFFFFF 0%, #F2FAFA 46%, #E8F6F6 100%);
  --band-prestazioni-bg: var(--surface-2);
  --band-section-alt-bg: var(--surface);
  --band-section-bg: var(--paper);
  --band-studio-bg: var(--paper);
  --band-treats-bg: var(--surface);
  --brand: #C4E7E7;
  --brand-dark: #A9DADB;
  --brand-mark: #03989e;
  --brand-mark-h: 56px;
  --brand-mark-img: url("../assets/img/design/logo-mark.png");
  --brand-mark-native-display: none;
  --brand-mark-plate: "";
  --brand-mark-w: 78px;
  --brand-mid: #B6E1E1;
  --btn-accent-bg: #056068;
  --btn-accent-bg-hover: #044A50;
  --btn-accent-ink: #FFFFFF;
  --btn-bg: #056068;
  --btn-bg-hover: #044A50;
  --btn-ink: #FFFFFF;
  --consent-marketing-display: flex;
  --contact-info-pos: sticky;
  --contact-info-top: calc(var(--chrome) + var(--space-4));
  --contact-panel-radius: 3px;
  --container: 1160px;
  --field-radius: 2px;
  --fig-ar: 16 / 9;
  --fig-grade: saturate(.94) contrast(1.03);
  --fig-grade-hover: none;
  --fig-minh: 0;
  --focus: #056068;
  --grad-accento: linear-gradient(90deg, #007479 0%, #03989e 100%);
  --grad-bagliore: radial-gradient(60% 60% at 78% 12%, rgba(255,255,255,.55) 0%, rgba(255,255,255,0) 70%);
  --grad-band: linear-gradient(100deg, #B6E1E1 0%, #C4E7E7 48%, #ADDDDE 100%);
  --grad-brand: linear-gradient(155deg, #C4E7E7 0%, #B6E1E1 52%, #A9DADB 100%);
  --grad-carta: linear-gradient(180deg, #FFFFFF 0%, #F7FCFC 62%, #EFF9F9 100%);
  --grad-carta2: linear-gradient(200deg, #FBFEFE 0%, #EAF7F7 48%, #FFFFFF 100%);
  --grad-foot: linear-gradient(180deg, #A9DADB 0%, #9ED5D7 100%);
  --grad-nastro: linear-gradient(90deg, #A9DADB 0%, #C4E7E7 50%, #A9DADB 100%);
  --grad-panel: linear-gradient(205deg, #B6E1E1 0%, #C4E7E7 60%, #ADDDDE 100%);
  --grad-scheda: linear-gradient(180deg, #FFFFFF 0%, #FAFDFD 100%);
  --grad-tint: linear-gradient(160deg, #F4FBFB 0%, #FFFFFF 55%, #E6F5F5 100%);
  --grad-velo: linear-gradient(180deg, rgba(244,251,251,0) 45%, rgba(244,251,251,.38) 100%);
  --ink: #10262A;
  --ink-muted: #3E565A;
  --intro-max: none;
  --lh-snug: 1.10;
  --lh-tight: 1.04;
  --line: #CDE7E8;
  --micro-dur: var(--dur);
  --micro-lift: -3px;
  --micro-nudge: 2px;
  --micro-shadow: 0 14px 30px -18px rgba(16,38,42,.40);
  --micro-underline: "";
  --misura-lettura: none;
  --mosaic-a1: 1 / 1 / 3 / 5;
  --mosaic-a2: 1 / 5 / 2 / 7;
  --mosaic-a3: 2 / 5 / 3 / 7;
  --mosaic-a4: 3 / 1 / 4 / 3;
  --mosaic-a5: 3 / 3 / 4 / 5;
  --mosaic-a6: 3 / 5 / 4 / 7;
  --mosaic-band-bg: var(--surface-2);
  --mosaic-band-bleed: 0 0 0 100vw var(--surface-2), 0 0 0 100vw var(--surface-2);
  --mosaic-band-clip: inset(0 -100vw);
  --mosaic-band-mt: calc(-1 * var(--section-y));
  --mosaic-band-pad: clamp(var(--space-6), 4vw, var(--space-8));
  --mosaic-c-rows: repeat(3, clamp(150px, 17.2vw, 247px));
  --mosaic-cols: repeat(6, minmax(0, 1fr));
  --mosaic-rows: repeat(3, clamp(150px, 17.2vw, 247px));
  --on-accent-ink: #FFFFFF;
  --on-accent-lt: #FFFFFF;
  --on-dark: #0E2A2C;
  --on-dark-border: rgba(14,42,44,.45);
  --on-dark-divider: rgba(14,42,44,.20);
  --on-dark-muted: #3B585B;
  --on-dark-rule: rgba(14,42,44,.22);
  --on-dark-rule-soft: rgba(14,42,44,.18);
  --orari-panel-bg: var(--paper);
  --orari-panel-pad: clamp(var(--space-5), 3.4vw, var(--space-7));
  --orari-panel-radius: 3px;
  --orari-panel-shadow: 0 2px 14px rgba(16,38,42,.05);
  --page-checks-display: grid;
  --page-head-fig: "";
  --page-head-fig-pos: 62% 50%;
  --page-head-fig-w: 48%;
  --page-head-h1: var(--text-3xl);
  --page-head-img: url("../assets/img/design/banner-testata.jpg");
  --page-head-lead-w: none;
  --page-head-pad: clamp(var(--space-8), 7vw, calc(var(--space-9) * 1.5));
  --page-head-text-w: 56%;
  --paper: #FFFFFF;
  --prose-panel-bg: var(--paper);
  --prose-panel-pad: clamp(var(--space-6), 4vw, var(--space-8));
  --prose-panel-radius: 3px;
  --prose-panel-shadow: 0 2px 14px rgba(16,38,42,.05);
  --radius: 2px;
  --radius-lg: 3px;
  --radius-pill: 2px;
  --ribbon-client-display: block;
  --ribbon-display: none;
  --ribbon-rm-overflow: visible;
  --ribbon-rm-white-space: normal;
  --ribbon-rm-wrap: wrap;
  --scrim: rgba(16,38,42,.16);
  --scrim-deep: rgba(16,38,42,.34);
  --section-y: clamp(3.75rem, 2.3rem + 4.6vw, 7rem);
  --shadow-md: 0 26px 54px -30px rgba(16,38,42,.36);
  --shadow-sm: 0 6px 18px rgba(16,38,42,.08);
  --studio-card-align: center;
  --studio-card-offset: clamp(1.5rem, 3vw, 3.5rem);
  --studio-card-overlap: -5rem;
  --studio-cols: minmax(0, 0.94fr) minmax(0, 1.06fr);
  --surface: #F4FBFB;
  --surface-2: #E6F5F5;
  --tile-caption-veil: linear-gradient(180deg, rgba(244,251,251,0) 0px, rgba(244,251,251,.86) 22px, rgba(244,251,251,.97) 100%);
  --tile-grade: saturate(.94) contrast(1.03);
  --tile-grade-hover: none;
  --tracking-display: -0.024em;
  --treat-bar: 3px;
  --treat-bar-scale: 0;
  --treat-cta-mt: auto;
  --treat-display: flex;
  --treat-fig-ar: 3 / 2;
  --treat-fig-minh: clamp(230px, 30vw, 440px);
  --treat-icon-pad: 12px;
  --treat-icon-radius: 2px;
  --treat-num-color: var(--surface-2);
  --treat-num-size: 2.6rem;
  --treat-num-tracking: -0.03em;
  --treat-pad: clamp(var(--space-5), 2.4vw, var(--space-7));
  --treat-shadow: 0 2px 10px rgba(16,38,42,.05);
  --treats-grid-bg: var(--paper);
  --treats-grid-radius: 3px;
  --values-panel-max: none;
  --wordmark-name-display: flex;
}