/**
 * Design tokens — palette and typography as CSS custom properties.
 * Palette colors are exposed as semantic *role* tokens (--slc-primary,
 * --slc-accent, etc.) rather than literal color names, so the whole page
 * can switch visual identity by swapping the active preset (see
 * inc/palettes.php) without touching any consumer stylesheet.
 * The Customizer overrides these live (see inc/customizer.php).
 * Defaults below are the "classic" preset — the palette approved by the
 * client; orange/green was explicitly discarded.
 */

:root {
  /* Semantic roles — classic preset defaults (must match inc/palettes.php) */
  --slc-primary: #0E3A44;        /* hero / footer / CTA dark surface */
  --slc-primary-2: #14505E;      /* secondary shade of primary */
  --slc-accent: #D9A526;         /* buttons / eyebrows / highlights */
  --slc-accent-hover: #B8871A;   /* accent hover state */
  --slc-success: #7C9A6E;        /* checkmarks / confirmations */

  /* Neutrals — preset-invariant */
  --slc-ivory: #FBF8F2;
  --slc-ivory-rgb: 251 248 242;  /* --slc-ivory components, for rgba()/opacity uses (e.g. .slc-nav) */
  --slc-ivory-2: #F4EEE2;
  --slc-ink: #1D2B2E;
  --slc-gray: #566065;
  --slc-line: #E4DDCF;

  /* Spacing scale */
  --slc-space-2xs: 0.25rem;
  --slc-space-xs: 0.5rem;
  --slc-space-sm: 0.75rem;
  --slc-space-md: 1rem;
  --slc-space-lg: 1.5rem;
  --slc-space-xl: 2rem;
  --slc-space-2xl: 3rem;
  --slc-space-3xl: 4rem;

  /* Typography scale */
  --slc-text-sm: 0.875rem;
  --slc-text-base: 1rem;
  --slc-text-lg: 1.125rem;
  --slc-text-xl: 1.25rem;
  --slc-text-2xl: 1.5rem;
  --slc-text-3xl: 1.875rem;
  --slc-text-4xl: clamp(2rem, 5vw, 2.75rem);

  /* Layout — matches the HTML demo .wrap max-width */
  --slc-container: 71.25rem; /* 1140px */

  /* Radius */
  --slc-radius-sm: 0.25rem;
  --slc-radius-md: 0.5rem;
  --slc-radius-lg: 1rem;
  --slc-radius-full: 9999px;

  /* Elevation */
  --slc-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.05);
  --slc-shadow-md: 0 4px 12px rgb(0 0 0 / 0.08);

  /* Responsive */
  --slc-bp-sm: 40rem;
  --slc-bp-md: 48rem;
  --slc-bp-lg: 60rem;

  /* Nav */
  --slc-nav-h: 66px;

  /* Typography */
  --slc-font-display: "Bricolage Grotesque", system-ui, sans-serif;
  --slc-font-body: "Inter", system-ui, sans-serif;
  --slc-font-quote: "Lora", Georgia, serif;
}