/*
Theme Name: Beyond the Sentence Child
Theme URI: https://beyondthesentence.com
Author: Your Agency
Description: Child theme for Beyond the Sentence Base. All brand-specific overrides, color variables, and component customizations go here. The parent theme handles all structural styles.
Template: bts-parent-theme
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bts-child
*/

/*
 * ============================================================
 *  BEYOND THE SENTENCE CHILD THEME — Customization Workspace
 * ============================================================
 *
 *  HOW THIS WORKS:
 *  ─────────────────────────────────────────────────────────
 *  The parent theme (bts-parent-theme) loads first and
 *  provides all base styles, resets, and structural CSS.
 *  This file loads after, so anything written here will
 *  override the parent.
 *
 *  QUICK WINS — override CSS variables in :root to change
 *  colors or fonts site-wide without touching the parent.
 *
 *  Example — swap the gold accent to teal:
 *
 *    :root {
 *      --color-gold:       #2A8C7E;
 *      --color-gold-light: #4AADA0;
 *      --color-gold-dark:  #1D6B61;
 *    }
 *
 *  Note: Colors can also be changed in Appearance > Customize
 *  under the "Beyond the Sentence Options" panel — no CSS
 *  required for basic palette changes.
 *
 * ============================================================
 */


/* ── STEP 1: CSS Variable Overrides ──────────────────────── */
/*
 * The parent theme defines these defaults. Uncomment and
 * change any to update the design for this specific client.
 */
:root {
  /* -- Core palette: Deep Navy + Gold + White -- */
  /* These match the defaults. Change if the brand evolves.  */

  /* --color-navy:          #1A2B4A; */
  /* --color-navy-dark:     #111D33; */
  /* --color-navy-mid:      #243560; */
  /* --color-navy-light:    #2E4270; */
  /* --color-gold:          #C9A84C; */
  /* --color-gold-light:    #E2C475; */
  /* --color-gold-dark:     #A8873A; */
  /* --color-off-white:     #F7F8FA; */
  /* --color-cream:         #FDF9F0; */

  /* -- Typography -- */
  /* --font-display:   'Playfair Display', Georgia, serif;   */
  /* --font-heading:   'Source Sans 3', Helvetica Neue, sans-serif; */
  /* --font-body:      'Source Sans 3', Helvetica Neue, sans-serif; */
}


/* ── STEP 2: Component Overrides ─────────────────────────── */
/*
 * Add targeted overrides here by component or page.
 * Group related rules and add a comment above each group.
 *
 * Example — make the hero headline slightly larger:
 *
 *   .so-widget-hero h1 {
 *     font-size: clamp(2.8rem, 6vw, 4.5rem);
 *   }
 *
 * Example — give the donation CTA row a slightly different gold:
 *
 *   .bts-row-donate {
 *     background-color: #B8943A !important;
 *   }
 */


/* ── STEP 3: Page-Specific or New Styles ─────────────────── */
/*
 * Add styles for custom pages or new SiteOrigin HTML widget
 * components here. Your child theme functions.php can
 * enqueue additional scripts alongside these styles.
 */