/*
  Nuvo Clinic — core design tokens.
  Reconstructed for the Hostinger rebuild: the original export referenced this
  file (generated by the site builder) but the stylesheet itself wasn't
  included in the download. Values below were derived from how each token is
  used across index.html / treatments.html / shared.css / nav.css and from the
  site's own screenshots (warm cream background, espresso-brown text, sand/
  terracotta accent). Safe to tweak here — every page pulls from these
  variables rather than hard-coded colors.
*/

:root {
  /* Cream / background scale (light -> slightly deeper) */
  --cream-50:  #FEFCF8;
  --cream-100: #FBF6EE;
  --cream-200: #F3E9D8;
  --cream-300: #E8DAC2;

  /* Espresso / text scale (brown-black, matches footer's rgb(26,10,5)) */
  --espresso-700: #5A4636;
  --espresso-800: #40301F;
  --espresso-900: #2A1B10;
  --espresso-950: #1A0A05;

  /* Sand / accent scale (warm terracotta-gold used for buttons + highlights) */
  --sand-300: #E3C39A;
  --sand-400: #CDA06E;
  --sand-500: #B8865C;
  --sand-600: #9C6E48;
  --sand-700: #7E5738;

  --white: #FFFFFF;

  /* Typography */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'DM Sans', system-ui, -apple-system, sans-serif;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}