/* The Yellow Door Experiences brand, in one place: every buyer page and back-office page loads this file.
   Change a color, a typeface, or the wordmark here and it changes everywhere.
   The look (D70): white rooms ruled in brass, deep ink, one lacquer-yellow door. Italiana for display,
   Figtree for reading, DM Mono for small labels. */
:root {
  --paper: #ffffff;
  --paper-2: #f2f2f5;
  --ink: #12152b;
  --ink-2: #5b5f78;
  --line: #dcdde5;
  --accent: #12152b;
  --accent-deep: #262b52;
  --gold: #a8843f;
  --brass: #a8843f;
  --lacquer: #e9b312;
  --card: #ffffff;
  --serif: 'Italiana', 'Didot', 'Bodoni 72', Georgia, serif;
  --logo: 'Italiana', 'Didot', 'Bodoni 72', Georgia, serif;
  --text: 'Figtree', 'Avenir Next', 'Segoe UI', system-ui, sans-serif;
  --sans: 'Figtree', 'Avenir Next', 'Segoe UI', system-ui, sans-serif;
  --mono: 'DM Mono', 'SFMono-Regular', Menlo, monospace;
  --gutter: clamp(20px, 5vw, 72px);
  --max: 1280px;
  color-scheme: light;
}

/* The wordmark: the yellow door, then the name in spaced capitals. */
.mark { display: inline-flex; align-items: center; gap: .55em; font: 400 24px/1 var(--logo); letter-spacing: .12em; text-transform: uppercase; text-decoration: none; white-space: nowrap; color: inherit; }
.mark svg { height: 1.4em; width: auto; flex: none; }