/* Theme: brace — dark, Cormorant Garamond + Inter (self-hosted, GDPR friendly) */
/* Dark palette: the variable names keep their role, not their literal colour
   (--avorio = page background, --nero = text and solid buttons). */
@font-face{font-family:'Cormorant Garamond';src:url(../../fonts/cormorant-garamond.woff2) format('woff2');font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url(../../fonts/cormorant-garamond-italic.woff2) format('woff2');font-weight:400 600;font-style:italic;font-display:swap}
@font-face{font-family:'Inter';src:url(../../fonts/inter.woff2) format('woff2');font-weight:300 600;font-style:normal;font-display:swap}

:root{
  --nero:#F4EFE6; --avorio:#14110F; --carta:#1D1916; --sabbia:#2A2420; --cammello:#74ACDF;
  --cammello-scuro:#8FBFE8; --terracotta:#D07F45; --terracotta-scuro:#B5642D; --tortora:#B9AFA3; --oliva:#A9C389;
  --serif:'Cormorant Garamond','Iowan Old Style','Palatino Linotype',Georgia,serif;
  --sans:'Inter','Helvetica Neue',Arial,sans-serif;
  --r-sm:10px; --r:16px; --r-lg:24px;
  --brace-fondo:#0C0A09; --brace-crema:#F4EFE6; --brace-inchiostro:#14110F;
}
/* style.css is linked after this file: the selectors below carry extra specificity on purpose */
:root:root{color-scheme:dark}

html .top::before{background:rgba(20,17,15,.88)}
html .top.scrolled{box-shadow:0 6px 24px -18px rgba(0,0,0,.8)}
html .btn:hover,html .btn-icon:hover,html .fab:hover{color:var(--brace-inchiostro)}
html .btn.ghost:hover{color:var(--avorio)}
html .badge.is-open{background:rgba(169,195,137,.16)}
html .badge.is-closed{background:rgba(185,175,163,.14)}

/* "Dark band" becomes the light contrast band of the page */
html .dark{background:var(--brace-crema);color:var(--brace-inchiostro)}
html .dark .eyebrow{color:#2B659B}
html .dark .split p{color:#4A423B}
html .dark .btn.ghost.on-dark{border-color:rgba(20,17,15,.45)}
html .dark .btn.on-dark:hover{color:var(--brace-inchiostro)}

html .cta-card{background-color:var(--carta);color:var(--brace-crema);border:1px solid var(--sabbia);background-image:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--terracotta) 30%,transparent),transparent 55%)}
html .cta-card p{color:var(--tortora)}
html .cta-card .btn.on-dark{background:var(--terracotta);border-color:var(--terracotta);color:var(--brace-inchiostro)}
html .cta-card .btn.on-dark:hover{background:var(--brace-crema);border-color:var(--brace-crema)}
html .cta-card .btn.ghost.on-dark{background:transparent;color:var(--brace-crema);border-color:rgba(244,239,230,.45)}
html .cta-card .btn.ghost.on-dark:hover{background:var(--brace-crema);color:var(--brace-inchiostro)}

html .foot{background:var(--brace-fondo);color:var(--tortora);border-top:1px solid var(--sabbia)}
html .foot .brand,html .foot a,html .foot .btn-icon,html .foot-hours li.today{color:var(--brace-crema)}
html .foot a:hover{color:var(--cammello)}
html .foot .btn-icon{border-color:rgba(116,172,223,.5)}
html .foot .btn-icon:hover{color:var(--brace-inchiostro)}
html .foot-legal{border-top-color:rgba(116,172,223,.22)}
html .foot-credit{color:#8E857B}

html .fab{background:var(--terracotta);color:var(--brace-inchiostro);box-shadow:0 12px 28px -8px rgba(0,0,0,.7)}
html .fab:hover{background:var(--brace-crema)}

html .lightbox{background:rgba(8,7,6,.95);color:var(--brace-crema)}
html .lightbox .btn-icon{color:var(--brace-crema);background:rgba(20,17,15,.6)}
html .lightbox .btn-icon:hover{color:var(--brace-inchiostro)}

html .form select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238FBFE8' stroke-width='1.6'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}
html .form input:focus,html .form select:focus,html .form textarea:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--terracotta) 22%,transparent)}
/* Accent comes from the theme or from site.brand_colors.accent: derived shadows follow it */
html .btn:hover{box-shadow:0 10px 22px -10px color-mix(in srgb,var(--terracotta) 60%,transparent)}
html .it-home{fill:var(--brace-crema);stroke:var(--cammello)}
html .consent-dialog{background:var(--carta);color:var(--nero)}
html .consent-banner{box-shadow:0 -12px 32px -18px rgba(0,0,0,.8)}