/* SOUL925 · THE HOUSE OF THE MOON — tokens. Link after the page's own styles; it only defines variables
   and four opt-in classes, so nothing changes until the pages read them. */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=Tenor+Sans&display=swap');

:root {
  /* type: names in Cinzel (silver-filled), everything else Tenor Sans */
  --s925-font-name: Cinzel, "Trajan Pro", Georgia, serif;
  --s925-font-body: "Tenor Sans", "Hanken Grotesk", system-ui, sans-serif;

  /* night */
  --s925-night: #0B1220;        /* the house ground (shop, lobby, rooms page) */
  --s925-night-deep: #080D18;   /* filter column, footer */
  --s925-night-raise: #0E1626;  /* ribbons, piece panel */
  --s925-sky: radial-gradient(70% 140% at 82% 30%, #1D2A40 0%, #0B1220 60%);

  /* moonlight ink (replaces every gold accent) */
  --s925-ink: #E4E9F1;
  --s925-ink-soft: #C3CBD8;
  --s925-ink-muted: #AEB8C8;    /* ≥4.5:1 on --s925-night */
  --s925-ink-faint: #8D9AAE;    /* labels ≥ 10px caps only */
  --s925-rule: rgba(228, 233, 241, .14);
  --s925-rule-strong: rgba(228, 233, 241, .28);

  /* polished silver, for names and the wordmark */
  --s925-silver: linear-gradient(180deg, #FFFFFF 0%, #DCE2EA 38%, #8F9AAA 52%, #C9D1DC 64%, #F4F7FA 100%);

  /* the card stays a white jeweller's card: product photos are shot on white */
  --s925-card: #FFFFFF;
  --s925-card-ink: #15171B;
  --s925-card-soft: #5F646C;
  --s925-card-rule: #ECEEF1;
  --s925-card-shadow: 0 14px 32px rgba(0, 0, 0, .45);
  --s925-card-radius: 6px;
}

/* a room or wall name, the wordmark: Cinzel capitals filled with polished silver */
.s925-name { font-family: var(--s925-font-name); font-weight: 500; letter-spacing: .05em; background: var(--s925-silver); -webkit-background-clip: text; background-clip: text; color: transparent; }
.s925-wordmark { font-family: var(--s925-font-name); font-weight: 500; letter-spacing: .14em; background: var(--s925-silver); -webkit-background-clip: text; background-clip: text; color: transparent; }
/* small caps labels: ROOM IV · WAXING GIBBOUS */
.s925-kicker { font-family: var(--s925-font-body); font-size: 10.5px; letter-spacing: .24em; text-transform: uppercase; color: var(--s925-ink-muted); }
/* outlined buttons in moonlight; never filled */
.s925-btn { font-family: var(--s925-font-body); height: 44px; padding: 0 22px; display: inline-flex; align-items: center; border: 1px solid var(--s925-ink); color: var(--s925-ink); background: transparent; font-size: 11px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; cursor: pointer; }
.s925-btn:hover { background: rgba(228, 233, 241, .08); }
.s925-btn:active { background: rgba(228, 233, 241, .16); }
.s925-btn:focus-visible { outline: 2px solid var(--s925-ink); outline-offset: 2px; }