/* ==================================================
PAGECAFE BRAND STYLESHEET
Client-specific branding layer

Purpose:
Defines brand identity for a specific client site
without modifying the Pagecafe core framework.

Designers should only edit THIS file when styling
a client website.

Framework files should remain unchanged.
================================================== */


/* ==================================================
1. BRAND COLOR PALETTE

Update these variables to match the client's brand.

These automatically propagate through:
• buttons
• links
• cards
• CTA bands
• icons
• accents
================================================== */

:root {
  --pc-ink: #3d4248;
  --pc-ink-soft: #5f6a73;
  --pc-moss: #3a4d39;
  --pc-canvas: #f7f6f3;
  --pc-surface: #ffffff;
  --pc-action: #b87333;
  --pc-action-hover: #995c25;
  --pc-accent: #709e31;
  --pc-accent-dark: #3B8C2A;
  --pc-font-heading: "Montserrat", system-ui, sans-serif;
  --pc-font-body: "Lora", Georgia, serif;
}

/* ==================================================
3. HEADING STYLE ADJUSTMENTS

Allows brand-specific tweaks to heading appearance.

Examples:
• tighter letter spacing for luxury brands
• looser spacing for modern brands
================================================== */

h1, h2, h3, h4 {

  letter-spacing: -0.02em;

}