/* 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: Dark and Moody. The same brand taken somewhere new.
   - palette taken from her staircase photograph: walnut treads for the dark (#15100d), pearl risers for the light bands (#ece5d6) and the accent (#dcc199)
   - square corners, as on the old site
   - headlines in Playfair Display (theirs); body in Open Sans (used on the old site)
   - night tone #090f0d drawn from the accent; their light tone returns as contrast bands */

:root {
  --bg: #15100d;
  --surface: #1d1612;
  --surface-2: #271d17;
  --line: #35281f;
  --line-strong: #544134;

  --text: #f0e9db;
  --text-2: #ab9f8f;

  --accent: #dcc199;
  --accent-deep: #ead5b4;
  --accent-soft: rgba(220, 193, 153, 0.12);
  --on-accent: #15100d;

  --dark-bg: #0d0907;
  --dark-text: #f0e9db;
  --dark-text-2: #958a7c;

  /* Contrast bands: sections that flip to the other side of the palette. */
  --band-bg: #ece5d6;
  --band-surface: #f6f1e6;
  --band-text: #1d1510;
  --band-text-2: #63574b;
  --band-line: #cdc2ae;
  --band-accent: #70482a;

  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'Open Sans', system-ui, sans-serif;
  --font-eyebrow: 'Open Sans', system-ui, sans-serif;
  --display-weight: 400;
  --display-tracking: -0.015em;
  --display-transform: none;
  --display-size: 4.8rem;
  --h1-size: 3.8rem;
  --h2-size: 2.9rem;
  --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: 0px;
  --radius-card: 0px;
  --radius-image: 0px;
  --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, #15100d 0%, rgba(0, 0, 0, 0.35) 45%, rgba(0, 0, 0, 0.1) 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. */