/* Wexley Advisory: shared colour tokens and base rules.
   Values come from the Wexley Advisory design system. Page-specific styles sit in each page's <head>. */
:root {
  --surface-white: #ffffff;
  --surface-panel: #f5f5f5;
  --surface-warm-50: #f2f2f0;
  --surface-warm-100: #e8e8e4;
  --black: #000000;
  --ink: #1a1a1a;
  --ink-graphite: #2a2a2a;
  --ink-charcoal: #3a3a3a;
  --ink-slate: #595959;
  --on-ink: #ffffff;
  --silver: #bfbfbf;
  --mist: #e6e6e6;
  --mist-soft: #dcdcdc;
  --border: #c9c9c9;
  --divider-warm: #dad8d2;
  --divider-warm-strong: #cfcdc7;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; }
p { margin: 0; }
img { max-width: 100%; }

.skip-link {
  position: absolute; left: -9999px; top: 0; z-index: 10;
  background: #ffffff; color: #000000; padding: 12px 18px; font-weight: 600;
}
.skip-link:focus { left: 12px; top: 12px; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}