/*
Theme Name: Sandy Plains ARP Child
Theme URI: https://sandyplainsarp.org
Description: Custom Greenshift FSE child theme for Sandy Plains ARP Church — a Reformed, Christ-centered congregation.
Author: Sandy Plains ARP Church
Author URI: https://sandyplainsarp.org
Template: greenshift
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sandy-plains-child
*/

/* ==========================================================================
   CSS Custom Properties — Brand Design Tokens
   Mirrored in theme.json for block editor parity
   ========================================================================== */

:root {
	/* ── Colors ──────────────────────────────────────────── */
	--sp-primary:       #2D4A3E;
	--sp-secondary:     #C4622D;
	--sp-accent:        #C9A84C;
	--sp-surface-light: #F7F3EC;
	--sp-surface-dark:  #1E1E1E;
	--sp-text:          #2C2C2C;
	--sp-text-muted:    #6B6B6B;
	--sp-white:         #ffffff;
	--sp-border:        #D4CFC7;

	/* ── Typography ──────────────────────────────────────── */
	--sp-font-heading: 'Playfair Display', Georgia, serif;
	--sp-font-body:    'Source Sans 3', 'Source Sans Pro', -apple-system, sans-serif;
	--sp-font-accent:  'Playfair Display SC', 'Playfair Display', serif;

	/* ── Spacing Scale ───────────────────────────────────── */
	--sp-space-xs:  0.5rem;    /*  8px */
	--sp-space-sm:  1rem;      /* 16px */
	--sp-space-md:  1.5rem;    /* 24px */
	--sp-space-lg:  2.5rem;    /* 40px */
	--sp-space-xl:  4rem;      /* 64px */
	--sp-space-2xl: 6rem;      /* 96px */
	--sp-space-3xl: 8rem;      /* 128px */

	/* ── Border Radius ───────────────────────────────────── */
	--sp-radius-sm:   4px;
	--sp-radius-md:   8px;
	--sp-radius-lg:   12px;
	--sp-radius-xl:   16px;
	--sp-radius-full: 9999px;

	/* ── Shadows ─────────────────────────────────────────── */
	--sp-shadow-sm:  0 1px 3px rgba(0, 0, 0, 0.08);
	--sp-shadow-md:  0 4px 12px rgba(0, 0, 0, 0.1);
	--sp-shadow-lg:  0 8px 30px rgba(0, 0, 0, 0.12);
	--sp-shadow-xl:  0 16px 48px rgba(0, 0, 0, 0.14);

	/* ── Transitions ─────────────────────────────────────── */
	--sp-ease:    0.3s cubic-bezier(0.4, 0, 0.2, 1);
	--sp-ease-in: 0.2s ease-in;

	/* ── Layout ──────────────────────────────────────────── */
	--sp-content-width: 780px;
	--sp-wide-width:    1200px;
}