/* Shared foundation for the custom page templates. Loaded before each page layout. */
/* The homepage and owner page share one accent palette. */
body.a1avr-palette-blue {
  --sand: #fff6e7;
  --page: #fbfdfd;
  --a1a-page-copy: var(--ink-soft);
  --a1a-button-accent: var(--blue);
  --a1a-button-accent-hover: var(--blue-dark);
  --a1a-button-ink: var(--ink);
  --a1a-button-light-hover-border: var(--blue);
  --a1a-button-light-hover-text: var(--blue-dark);
  --a1a-button-hover-y: -2px;
  --a1a-eyebrow-color: var(--blue-dark);
}

*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { background: var(--page); color: var(--ink); }
img { display: block; width: 100%; height: 100%; object-fit: cover; }
a { text-decoration: none; color: inherit; }
button, input, select, textarea { font: inherit; color: inherit; }
p { color: var(--a1a-page-copy); }
.eyebrow i { font-size: var(--a1a-eyebrow-icon-size); }
.btn-primary { background: var(--a1a-button-accent); color: #fff; }
.btn-primary:hover { background: var(--a1a-button-accent-hover); transform: translateY(var(--a1a-button-hover-y)); }
.btn-light { background: #fff; border-color: var(--line); color: var(--a1a-button-ink); }
.btn-light:hover { border-color: var(--a1a-button-light-hover-border); color: var(--a1a-button-light-hover-text); }
.reveal { opacity: 0; transform: translateY(18px); transition: opacity .65s ease, transform .65s ease; }
.reveal.in { opacity: 1; transform: none; }