/* ============================================================
 * shared.css — public-site palette tokens (Trydent painting)
 * ============================================================
 * Imports the canonical component library, then provides public-
 * site-only overrides. The canonical components.css is copy-deployed
 * from trydent-painting-admin/assets/components.css at build (see
 * tools/sync-components.ps1 — TBD).
 *
 * Per-tenant brand overrides are applied at runtime by theme-loader.js
 * after _middleware.ts attaches tenant config to the page.
 * ============================================================ */

@import './components.css';

/* Public-site default palette (overridden per tenant). */
:root {
  --paper: var(--neutral-bg);
  --ink:   var(--neutral-fg);
  --shadow: var(--neutral-shadow);
}

/* Public-site default typography pair is Pair 1 (Playfair + Inter).
 * Tenant config can swap to any of pair-2..pair-8 via the typography
 * pair link element injected by _middleware.ts. */

/* Off-canvas / scroll behavior tweaks specific to public pages */
html { scroll-behavior: smooth; }
body { padding-bottom: 80px; } /* room for mobile-sticky-cta */

/* Skip-to-content link — required for WCAG AA */
.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: var(--brand-secondary);
  color: white;
  padding: var(--sp-8) var(--sp-16);
  z-index: 100;
  text-decoration: none;
}
.skip-link:focus { top: 0; }