/* (c) 2026 The Lowry Group at Coldwell Banker Realty. All rights reserved. Proprietary — unauthorized copying, reuse, or redistribution prohibited. */
/* ==========================================================================
   THE LOWRY GROUP — DESIGN TOKENS
   Black & gold luxury palette. Change values here to re-theme the whole site.
   ========================================================================== */

:root {

  /* ---- Core palette ------------------------------------------------- */
  --black:          #0a0a0a;   /* page background */
  --charcoal:       #141414;   /* card / section background on black */
  --charcoal-2:     #1c1c1a;   /* slightly lighter charcoal for hover states */
  --hairline:       #2a2a26;   /* subtle borders on dark background */

  --gold:           #c9a45c;   /* primary brand gold */
  --gold-light:     #e3c483;   /* hover / highlight gold */
  --gold-dim:       #8a7142;   /* muted gold for borders/rules */

  --ivory:          #f3efe6;   /* light background sections */
  --cream:          #ece4d3;   /* secondary light background */
  --white:          #ffffff;

  --text-dark:      #1c1a16;   /* body text on light backgrounds */
  --text-muted:     #6f6a5f;   /* secondary text on light backgrounds */
  --text-on-black:  #efe9dc;   /* body text on dark backgrounds */
  --text-on-black-muted: #a39c8b;

  /* ---- Typography ----------------------------------------------------- */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body:    'Jost', 'Helvetica Neue', Arial, sans-serif;

  /* ---- Spacing scale ---------------------------------------------------*/
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  1.75rem;
  --space-lg:  3rem;
  --space-xl:  5rem;
  --space-2xl: 8rem;

  /* ---- Layout ----------------------------------------------------------*/
  --container-max: 1240px;
  --container-pad: 6vw;

  /* ---- Motion ------------------------------------------------------- */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --speed-fast: 0.2s;
  --speed-med:  0.45s;
  --speed-slow: 0.8s;

  /* ---- Shadows ---------------------------------------------------------*/
  --shadow-card: 0 20px 50px rgba(0, 0, 0, 0.45);
  --shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.25);
}