/* =====================================================================
   JUSTIN RUUTH — ST GEORGE UTAH HOMES FOR SALE  (Greater Southern Utah)
   Mirrors siteConf/client-config.json -> brand.palette.

   Same Next Move positioning as the metro sibling, same compliance, same
   Realtor-PDF brief — but this site covers the TOWNS, the land and the
   acreage. Sage and olive against terracotta: high desert, juniper, red
   rock, small towns.

   DELIBERATELY DIFFERENT from homesforsalestgeorgeutah.com's navy-and-brass.
   The two domains are near-synonyms of one head phrase; making them look
   alike would undo the territory split. Different palette, different feel,
   independently written copy.

   CONTRAST vs #FFFFFF:
     --sage      #5A6B4A  5.6:1  AA at body size
     --terracotta #B5642F 3.5:1  fills / icons / 24px+ ONLY
     --terracotta-text #8C4A20 5.9:1 AA
     --ink-2     #3D4436 10.1:1
     --ink-3     #6B7362  4.9:1
   ===================================================================== */

:root {
  /* Brand accents */
  --green: #5A6B4A;            /* sage in site.css's primary slot */
  --red:   #A24A2C;
  --teal:  #4F7060;
  --amber: #B5642F;            /* terracotta */

  --green-700: #3F4D33;
  --green-050: rgba(90,107,74,.10);
  --red-050:   rgba(162,74,44,.10);
  --teal-050:  rgba(79,112,96,.10);
  --amber-050: rgba(181,100,47,.14);

  --green-text: #3F4D33;
  --teal-text:  #3A5546;
  --red-text:   #8C4A20;

  /* Neutrals — warm stone and dry grass, never blue */
  --ink:   #1E2419;
  --ink-2: #3D4436;
  --ink-3: #6B7362;
  --line:  #E0E2DA;
  --surface:   #FFFFFF;
  --surface-2: #F7F7F3;
  --surface-3: #EDEEE6;
  --dark:      #1E2419;
  --dark-2:    #2C3325;
  --on-dark:   #F7F7F3;
  --on-dark-2: #AEB4A2;

  --ribbon: linear-gradient(90deg, #5A6B4A 0%, #4F7060 45%, #B5642F 100%);

  --radius:    12px;
  --radius-lg: 20px;
  --radius-sm: 8px;

  --shadow-sm: 0 1px 2px rgba(30,36,25,.06), 0 2px 8px rgba(30,36,25,.05);
  --shadow-md: 0 4px 12px rgba(30,36,25,.07), 0 12px 32px rgba(30,36,25,.08);

  --font-head: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --wrap: 1180px;
  --gutter: clamp(20px, 5vw, 40px);
  --section-y: clamp(56px, 9vw, 96px);

  --s1: 8px;  --s2: 16px;  --s3: 24px;  --s4: 32px;
  --s5: 48px; --s6: 64px;  --s7: 96px;
}