/* ================================================================
   variables.css — CSS custom properties (colors, fonts, spacing)
   Edit this file to retheme the entire site at once.
   ================================================================ */
:root {
  /* Primary palette */
  --red:       #8B1A1A;
  --rd:        #5C0F0F;
  --rm:        #A52020;
  --rp:        #F5E8E8;

  /* Gold */
  --go:        #C9A84C;
  --gl:        #E8D08A;

  /* Neutral / background */
  --cr:        #FFFBF4;   /* page background */
  --pa:        #F5EDD8;   /* parchment panels */
  --pd:        #E8D9BB;   /* parchment dark */

  /* Text */
  --ink:       #1A0A0A;
  --im:        #3D1A1A;
  --muted:     #9B7070;

  /* Borders */
  --bo:        rgba(139,26,26,.18);
  --bs:        rgba(139,26,26,.35);

  /* Green (active / success) */
  --gn:        #2D5016;
  --gl2:       #4A7A20;

  /* Typography — set by PHP from DB settings, overridable here */
  --heading-font: 'Playfair Display', Georgia, serif;
  --body-font:    'Lora', Georgia, serif;

  /* Spacing scale */
  --sp-xs:  .375rem;
  --sp-sm:  .625rem;
  --sp-md:  .875rem;
  --sp-lg:  1.25rem;
  --sp-xl:  1.75rem;

  /* Radius */
  --r-sm:  4px;
  --r-md:  8px;
  --r-lg:  12px;
  --r-xl:  14px;
  --r-pill: 20px;

  /* Component sizing */
  --logo-size:    28px;    /* edit to resize logo */
  --footer-pad:   .875rem; /* reduced 25% from 1.25rem */
}