/* /accessories/ — Northlight Atelier palette (dark, gold). Layout lives in /assets/css/showroom.css + demo.css. */
@font-face { font-family: "Manrope"; src: url(/assets/fonts/manrope-variable.woff2) format("woff2"); font-weight: 200 800; font-display: swap; }
.ac-page {
  --pg-bg: #0d0e11; --pg-ink: #f2efe9; --f-display: "Manrope", system-ui, sans-serif; --h-weight: 300;
  --sr-bg1: #2a2d33; --sr-bg2: #0c0d10; --sr-ink: #f2efe9; --sr-muted: #9d9a94; --sr-accent: #c8a96a;
  --sr-card: rgba(18, 19, 23, .86); --sr-card-ink: #f2efe9; --sr-name-weight: 300; --sr-name-track: -.03em;
  --bar-bg: #0c0d10; --bar-fg: #f2efe9; --tag: #c8a96a; --btn-bg: #c8a96a; --btn-fg: #0c0d10;
  --order-bg: #17181c; --order-fg: #f2efe9;
}
.ac-page .dm-bar { border-bottom: 1px solid rgba(255, 255, 255, .08); }
.ac-page .dm-bar__name { font-family: "Manrope", sans-serif; font-weight: 300; letter-spacing: .38em; }
.ac-page .sr-card { border: 1px solid rgba(255, 255, 255, .1); }
.ac-page .sr-card__x { background: rgba(255, 255, 255, .1); }
.ac-page .sr-swatches button { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25), 0 0 0 3px transparent; }
.ac-page .sr-swatches button[aria-checked="true"] { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25), 0 0 0 3px var(--sr-bg2), 0 0 0 4.5px var(--sr-accent); }
.ac-page .sr-tabs button[aria-selected="true"] { background: var(--sr-accent); color: #0c0d10; }
.ac-page .dm-eyebrow { color: #c8a96a; }
.ac-page h2 { font-weight: 300; letter-spacing: -.03em; }
.ac-promise { background: #0d0e11; }
.ac-points { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.ac-points li { padding: 1.6rem; border: 1px solid rgba(255, 255, 255, .08); border-radius: 18px; background: rgba(255, 255, 255, .02); }
.ac-points b { font: 500 1.2rem "Manrope", sans-serif; }
.ac-points p { margin: .5rem 0 0; color: #9d9a94; }
.ac-appt { background: #0d0e11; padding-top: 0; }
.ac-page .dm-order { border: 1px solid rgba(255, 255, 255, .08); }
@media (max-width: 800px) { .ac-points { grid-template-columns: minmax(0, 1fr); } }

/* Own fonts (not the studio's Hanken Grotesk / IBM Plex Mono): body text and labels */
.ac-page { --f-body: "Manrope", system-ui, sans-serif; --f-mono: "Manrope", system-ui, sans-serif; }