/* ============================================================
   THE TEMPLE — THEME ROOT
   ------------------------------------------------------------
   Single source of truth for every theme color & token.
   Change any value here to re-skin the whole site.
   This file MUST be loaded BEFORE style.css.
   ============================================================ */

:root {
  /* -------- Brand / Accent (the "gold" palette) --------
     Swap these four to change the site's primary accent color. */
  --gold:      #d9a441;   /* primary accent  */
  --gold-2:    #e8c06a;   /* lighter accent (links, headings) */
  --gold-hi:   #f6dc92;   /* highlight / hover */
  --gold-deep: #a4761f;   /* deep accent shade */

  /* -------- Surfaces / Backgrounds -------- */
  --bg:        #131217;   /* page background */
  --bg-2:      #1b1a21;   /* cards / panels */
  --bg-3:      #24222b;   /* raised surfaces */
  --ink:       #0c0b0f;   /* darkest — bars, buttons text-on-gold */
  --cream:     #f2ede3;   /* light surface / inverse text */
  --cream-2:   #e6dfd1;

  /* -------- Text -------- */
  --text:      #cfcbd4;   /* body text */
  --heading:   #f4f1ea;   /* headings */
  --muted:     #918d99;   /* secondary / muted text */

  /* -------- Lines / Borders -------- */
  --line:      rgba(217, 164, 65, .22);  /* gold-tinted hairline */
  --line-soft: rgba(255, 255, 255, .07); /* neutral hairline */

  /* -------- Status colors -------- */
  --online:    #56d67a;   /* available / online */
  --busy:      #f0b46a;   /* busy */

  /* -------- Shadows -------- */
  --shadow:    0 24px 60px -20px rgba(0,0,0,.7);
  --shadow-sm: 0 10px 30px -12px rgba(0,0,0,.6);

  /* -------- Radii -------- */
  --radius-sm: 9px;
  --radius:    14px;
  --radius-lg: 20px;

  /* -------- Fonts -------- */
  --f-script: 'Great Vibes', cursive;
  --f-serif:  'Cormorant Garamond', Georgia, serif;
  --f-sans:   'Jost', system-ui, sans-serif;

  /* Bootstrap hook */
  --bs-body-font-family: var(--f-sans);
}