/* D. Van Zant Associates: brand style sheet
   Colours, type, spacing and shape for the whole site, in one file.
   Change a value here and it changes everywhere.
   Generated by John Kaplar (johnkaplar.ai) from the original site and the chosen design. */

/* Theme: Light and Bright. The same brand taken somewhere new.
   - no colour on the old site, so the accent is taken from her rooms: the teal of the cushions and paintings in her own photographs (#0b7a78)
   - daylight page #fbfdfc; ink #0d2b2c drawn from the teal; pale teal wash #e3f1ef for bands
   - headlines in Playfair Display (theirs); body in Open Sans (used on the old site)
   - daylight page #fdfcfb; ink #101c19 drawn from the accent; pale wash #e8edec for bands */

:root {
  --bg: #fbfdfc;
  --surface: #ffffff;
  --surface-2: #e3f1ef;
  --line: #d3e4e1;
  --line-strong: #9cc2bd;

  --text: #0d2b2c;
  --text-2: #51686a;

  --accent: #0b7a78;
  --accent-deep: #086260;
  --accent-soft: rgba(11, 122, 120, 0.1);
  --on-accent: #ffffff;

  --dark-bg: #0d2b2c;
  --dark-text: #fbfdfc;
  --dark-text-2: #a3bbb9;

  /* Contrast bands: sections that flip to the other side of the palette. */
  --band-bg: #e3f1ef;
  --band-surface: #ffffff;
  --band-text: #0d2b2c;
  --band-text-2: #4a6163;
  --band-line: #bcd6d2;
  --band-accent: #0b7a78;

  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'Open Sans', system-ui, sans-serif;
  --font-eyebrow: 'Open Sans', system-ui, sans-serif;
  --display-weight: 500;
  --display-tracking: -0.015em;
  --display-transform: none;
  --display-size: 4.3rem;
  --h1-size: 3.6rem;
  --h2-size: 2.6rem;
  --h3-size: 1.4rem;
  --body-size: 1.0625rem;
  --lead-size: 1.2rem;
  --eyebrow-size: 0.9rem;
  --eyebrow-tracking: 0;
  --eyebrow-transform: none;
  --btn-size: 0.95rem;
  --btn-tracking: 0;
  --btn-transform: none;
  --btn-pad: 15px 28px;

  --radius-control: 999px;
  --radius-card: 22px;
  --radius-image: 24px;
  --gutter: 24px;
  --gap: 24px;
  --gap-lg: 64px;
  --section-pad: clamp(80px, 11vw, 148px);
  --content-max: 1180px;
  --content-max-wide: 1440px;

  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --reveal-duration: 0ms;

  --hero-scrim: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0) 100%);
}

/* ---- Captured from the original site (reference only) ----
   platform: unknown
   fonts: Open Sans | Playfair Display | Times New Roman
   colours: rgb(0, 0, 0) | rgb(94, 94, 94) | rgb(27, 27, 27) | rgb(255, 255, 255) | rgb(60, 60, 60) | rgb(87, 87, 87) | rgb(89, 89, 89) | rgb(128, 128, 128)
   Use the brand colour above as --accent if the designer has one. */