/* VersoTe area (sedute): the look of versote.it on the shared booking pages.
   Loaded only on VersoTe's hosts. Newsreader for titles, Figtree for text,
   mint background, magenta text, rose buttons; fonts served from here. */

@font-face{font-family:"Figtree";font-style:normal;font-weight:400 700;font-display:swap;src:url(/static/fonts/versote/figtree-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Figtree";font-style:normal;font-weight:400 700;font-display:swap;src:url(/static/fonts/versote/figtree-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:400 500;font-display:swap;src:url(/static/fonts/versote/newsreader-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:400 500;font-display:swap;src:url(/static/fonts/versote/newsreader-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root {
  --vt-mint: oklch(0.955 0.045 155);
  --vt-mint-deep: oklch(0.905 0.06 158);
  --vt-magenta: oklch(0.46 0.17 5);
  --vt-rose: oklch(0.66 0.19 5);
  --vt-green: oklch(0.72 0.14 165);

  --font-display: "Newsreader", ui-serif, Georgia, serif;
  --font-sans: "Figtree", ui-sans-serif, system-ui, sans-serif;

  --background: var(--vt-mint);
  --foreground: var(--vt-magenta);
  --ink: var(--vt-magenta);
  --ink-deep: var(--vt-magenta);
  --off: var(--vt-mint);
  --line: oklch(0.88 0.04 158);
  --border: var(--line);
  --input: var(--line);
  --muted-foreground: oklch(0.55 0.1 5);
  --card-foreground: var(--vt-magenta);
  --brand-green: var(--vt-rose);
  --brand-green-glow: var(--vt-rose);
  --primary: var(--vt-rose);
  --ring: var(--vt-rose);
  --gradient-green: var(--vt-rose);
  --shadow-glow: none;
}

html, body { background: var(--vt-mint); color: var(--vt-magenta); font-family: var(--font-sans); }

/* Titles: Newsreader regular, like versote.it (the shared pages ask for extra-bold). */
.font-display, .h-display, h1, h2, h3 {
  font-family: var(--font-display);
  font-weight: 400 !important;
  letter-spacing: -0.02em;
}
h1.font-display { line-height: 1.1; }

/* Buttons: rose pills with Figtree semibold, no glow. */
.btn-primary {
  font-family: var(--font-sans);
  font-weight: 600;
  letter-spacing: 0;
  background: var(--vt-rose);
  box-shadow: none;
  padding: 14px 28px;
}
.btn-primary:hover { transform: none; box-shadow: none; background: var(--vt-magenta); }
nav a.font-display { font-family: var(--font-sans); font-weight: 600 !important; letter-spacing: 0; }

/* Small uppercase labels become the quiet line versote.it uses above titles. */
main .uppercase.tracking-wider { text-transform: none; letter-spacing: 0; font-weight: 500; color: var(--vt-magenta); opacity: 0.8; }

/* Header on mint, footer in magenta. */
nav.fixed { background: color-mix(in oklab, var(--vt-mint) 92%, transparent); border-color: transparent; }
footer.bg-ink-deep { background: var(--vt-magenta); }

/* Cards and fields: white on mint, softer corners. */
main .bg-white { background: #fff; }
main .rounded-2xl { border-radius: 1.25rem; }
.input { border-radius: 0.75rem; color: var(--vt-magenta); }
.input:focus { border-color: var(--vt-rose); box-shadow: 0 0 0 3px color-mix(in oklab, var(--vt-rose) 20%, transparent); }