/* Values the approved designs use that tokens.css does not define.
   shadow-bar comes from brand/tokens.json; the rest are taken from design/static/*.html. */
:root, [data-theme="light"] {
  --shadow-bar: 0 -4px 16px rgba(29, 28, 24, 0.12);
  --field-border: #b9ad97;      /* form field outline (design/static, every form) */
  --link-hover: #6f1f19;        /* darker berry on hover (design/static, every page) */
  --eyebrow-on-dark: #f0c9a8;   /* eyebrow over night photos and pine (home hero, Our story band) */
  --hero-tint: rgba(20, 29, 24, 0.72);
  --hero-tint-phone: rgba(20, 29, 24, 0.62);
  --hero-backdrop: #141d18;     /* shown behind the hero photo while it loads (= Night lot paper) */
}
[data-theme="dark"] {
  --shadow-bar: 0 -4px 16px rgba(0, 0, 0, 0.45);
}