/* =========================================================================
   THE MARQUE RESERVE - DESIGN TOKENS (single source of truth)
   Used by the public site, /members, and /admin.
   No em dashes anywhere (house rule). Use hyphens.
   ========================================================================= */
:root{
  /* --- Base blacks --- */
  --noir:#070809;          /* base black */
  --opal:#0b0d11;          /* opal black */
  --opal-2:#0e1117;
  --opal-3:#12151b;        /* raised surface */

  /* --- Light / text --- */
  --platinum:#e9ebef;      /* primary light / headlines */
  --silver:#b7bcc6;        /* body text */
  --pewter:#7b818d;        /* muted */
  --slate:#4a4f59;         /* faint labels */
  --hairline:rgba(220,226,236,.14);
  --hairline-2:rgba(220,226,236,.08);

  /* --- Warm white-gold metal axis --- */
  --wg-hi:#f6efe0;
  --wg:#e4d6bb;
  --wg-mid:#c8b78f;
  --wg-lo:#8a7a59;
  --wg-deep:#3a3322;
  --warm-accent:#d8c7a0;   /* the restrained warm accent */

  /* --- Cool platinum metal axis --- */
  --pt-hi:#f4f6fa;
  --pt:#d3d8e2;
  --pt-mid:#9aa1af;
  --pt-lo:#5b616d;
  --pt-deep:#23262d;

  /* --- Glass surfaces --- */
  --glass:rgba(233,235,239,.045);
  --glass-2:rgba(233,235,239,.07);
  --glass-3:rgba(233,235,239,.10);

  /* --- Semantic accents --- */
  --accent:var(--warm-accent);
  --ruby:#c5304a;
  --positive:#7fb08a;
  --warning:#e8c97a;
  --danger:#e8a99c;

  /* --- Typography --- */
  --font-display:'Bodoni Moda',Georgia,serif;
  --font-body:'Jost',system-ui,sans-serif;
  --font-mono:'Space Mono',ui-monospace,monospace;
  --tracking-mono:.18em;

  /* --- Spacing scale --- */
  --s-1:.35rem; --s-2:.6rem; --s-3:.9rem; --s-4:1.2rem; --s-5:1.6rem;
  --s-6:2rem; --s-7:2.8rem; --s-8:3.6rem; --s-9:5rem;

  /* --- Radii --- */
  --r-xs:2px; --r-sm:3px; --r-md:6px; --r-lg:12px; --r-pill:999px;

  /* --- Shadows --- */
  --shadow-1:0 10px 30px rgba(0,0,0,.4);
  --shadow-2:0 30px 70px rgba(0,0,0,.55);
  --shadow-3:0 50px 110px rgba(0,0,0,.65);

  /* --- Layout --- */
  --maxw:1240px;
  --maxw-app:1320px;
  --header-h:64px;

  /* --- Motion --- */
  --ease:cubic-bezier(.2,.7,.2,1);
  --t-fast:.2s; --t:.35s; --t-slow:.6s;
}