/*
Theme Name: Country Squire
Theme URI: https://www.thecountrysquireonline.com/
Template: generatepress
Description: Custom Country Squire theme built on GeneratePress. Houses the site design system and GSAP motion layer.
Author: Country Squire
Version: 0.3.0
*/

/* ============================================================
   COUNTRY SQUIRE — DESIGN TOKENS
   ============================================================ */
:root {
  /* Core palette (pulled from the building + brass logo) */
  --cs-charcoal: #1A1613;   /* near-black, never pure #000 */
  --cs-ink:      #2A2420;
  --cs-cream:    #F4EDE1;   /* stucco / paper */
  --cs-paper:    #FBF7F0;
  --cs-gold:     #B8893F;   /* the single accent — brass logo */
  --cs-gold-2:   #D8A85A;   /* lighter gold for gradients */
  --cs-red:      #EE3E2C;   /* brand red (logo smoke curl) — micro-accents ONLY */
  --cs-stone:    #A89A86;
  --cs-clay:     #cb8a66;   /* terracotta/clay band (Drew-style color block) */   /* muted secondary / borders */

  /* Ambient hero sky (sunset) — used sparingly */
  --cs-sky-1: #E8A6A0;
  --cs-sky-2: #9B7BB0;

  /* Type */
  --cs-font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --cs-font-body:    "Hanken Grotesk", system-ui, -apple-system, sans-serif;

  /* Fluid type scale */
  --cs-step-0: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --cs-step-1: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --cs-step-2: clamp(1.6rem, 1.3rem + 1.2vw, 2.25rem);
  --cs-step-3: clamp(2.1rem, 1.6rem + 2.4vw, 3.5rem);
  --cs-step-4: clamp(2.75rem, 1.8rem + 5vw, 7rem);

  /* Structure */
  --cs-maxw: 1400px;
  --cs-radius: 14px;
}

/* ============================================================
   BASE TYPOGRAPHY (site-wide, applied as we rebuild pages)
   ============================================================ */
body {
  font-family: var(--cs-font-body);
}
h1, h2, h3, .cs-display {
  font-family: var(--cs-font-display);
  letter-spacing: -0.02em;
  text-wrap: balance;
}

html { scroll-behavior: smooth; }