/* ============================================================
   LUNA SOLSTICE PROPERTIES — COLOUR PALETTE
   ------------------------------------------------------------
   ACTIVE THEME: MIDNIGHT, with the black header bar.

   This one file controls every colour on the site — all four
   pages plus the Luna chat widget. Nothing else contains a
   colour literal, so replacing this file re-skins everything.

   The brand is black, white and gold. The gold is sampled from
   the Luna Bay logo artwork: #d6b97d.

   Other palettes (Gallery, Tuxedo) are in
   _support/drafts/themes/ — copy one over this file to switch.
   To try colours live first, open
   _support/drafts/theme-studio.html.

   After changing anything here, bump theme.css?v=N in the
   <link> tag on all four pages or returning visitors keep the
   old palette for a week.
   ============================================================ */

:root {
  --brand-black: #000000;
  --brand-white: #ffffff;
  --brand-gold:  #d6b97d;

  /* Tells the browser this is a dark surface, so native form controls,
     scrollbars, autofill and the select dropdown render dark to match. */
  color-scheme: dark;

  --page:       #0a0a0b;
  --surface:    #141416;
  --surface-2:  #101012;
  --white:      #ffffff;

  --ink:        #f4f4f5;
  --ink-soft:   #a1a1a6;
  --ink-invert: #0a0a0b;        /* text on an --ink fill is now dark */

  --line:        #2a2a2e;
  --line-strong: #3d3d43;

  --gold:       #d6b97d;
  --gold-ink:   #000000;
  --gold-dark:  #d6b97d;        /* on black, the brand gold reads fine */
  --gold-light: #e7d4ac;

  --header-bg:       rgba(0, 0, 0, .92);
  --header-bg-solid: rgba(0, 0, 0, .98);
  --header-ink:      #ffffff;
  --header-ink-soft: rgba(255, 255, 255, .72);
  --logo-filter:     none;      /* logo artwork is already white */


  --footer-bg:      #000000;
  --footer-ink:     rgba(255, 255, 255, .62);
  --footer-ink-dim: rgba(255, 255, 255, .38);
  --footer-line:    rgba(255, 255, 255, .12);

  --shadow:    0 10px 30px rgba(0, 0, 0, .5);
  --shadow-lg: 0 22px 60px rgba(0, 0, 0, .7);

  --statbar-bg:  #141416;
  --statbar-ink: #f4f4f5;

  --band-bg:            #d6b97d;
  --band-ink:           #000000;
  --band-ink-soft:      rgba(0, 0, 0, .68);
  --band-btn-bg:        #000000;
  --band-btn-bg-hover:  #262626;
  --band-btn-ink:       #ffffff;

  --header-line: rgba(255, 255, 255, .14);
}