/* Palette logo Turchet — unico punto in cui cambiare i colori */
:root {
  --color-black: #231f20;
  --color-paper: #e7e6e6;
  --color-blue: #0d80c8;
  --color-green: #009a68;
  --color-red: #ed192d;
  --color-yellow: #d4a017;

  --font-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-sans: "Outfit", system-ui, sans-serif;
  --container: 1180px;
  --header-h: 92px;
  --radius: 2px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);

  /* Blu = mare, verde = terra; il rosso resta sui pulsanti */
  --gold: var(--color-blue);
  --gold-soft: color-mix(in srgb, var(--color-blue) 62%, var(--color-paper));
  --wine: var(--color-red);
  --wine-hover: color-mix(in srgb, var(--color-red) 78%, var(--color-black));
  --olive: var(--color-green);
  --sea: var(--color-blue);
  --land: var(--color-green);
  --white: var(--color-paper);

  color-scheme: light;
  --paper: var(--color-paper);
  --cream: color-mix(in srgb, var(--color-paper) 88%, white);
  --surface: white;
  --navy: var(--color-black);
  --navy-2: color-mix(in srgb, var(--color-black) 88%, var(--color-paper));
  --ink: var(--color-black);
  --ink-soft: color-mix(in srgb, var(--color-black) 62%, var(--color-paper));
  --line: color-mix(in srgb, var(--color-black) 12%, transparent);
  --line-light: color-mix(in srgb, var(--color-paper) 18%, transparent);
  --shadow: 0 18px 50px color-mix(in srgb, var(--color-black) 14%, transparent);
  --header-bg: color-mix(in srgb, var(--paper) 92%, transparent);
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-sans);
  color: var(--ink);
  background: var(--paper);
  font-size: 17px;
  line-height: 1.65;
}