/* Private Room — design tokens
   Reference the semantic tokens in components. Don't reference the
   palette directly; that's what makes dark mode a one-file change. */

:root {
  /* ---- Palette (fixed values, never overridden) ---- */
  --pr-black: #0E0E0C;
  --pr-paper: #F6F6F4;
  --pr-stone: #E4E5E1;
  --pr-grey:  #6B6D67;
  --pr-rule:  #C9CBC5;
  --pr-brass: #A8792C;

  /* ---- Semantic ---- */
  --pr-bg:        var(--pr-paper);
  --pr-surface:   var(--pr-stone);
  --pr-fg:        var(--pr-black);
  --pr-fg-muted:  var(--pr-grey);
  --pr-border:    var(--pr-rule);
  --pr-accent:    var(--pr-brass);

  /* ---- Type ----
     Display/body: a neutral grotesk with flat terminals. The stack below is
     a fallback only — see README for the licensing decision that's still open.
     Mono is used for labels, figures, and anything that reads as a record. */
  --pr-font-display: "Söhne", "Inter", "Helvetica Neue", Arial, sans-serif;
  --pr-font-body:    "Söhne", "Inter", "Helvetica Neue", Arial, sans-serif;
  --pr-font-mono:    "Söhne Mono", "IBM Plex Mono", ui-monospace, Menlo, monospace;

  --pr-tracking-wordmark: 0.22em; /* wordmark only — not for body copy */
  --pr-tracking-label:    0.14em; /* mono labels, eyebrows */

  /* ---- Logo ---- */
  --pr-mark-size: 32px;       /* default in header */
  --pr-mark-gap: 0.75em;      /* mark to wordmark in the lockup */
  --pr-mark-clearspace: 0.5;  /* multiply by mark height, all four sides */
}

@media (prefers-color-scheme: dark) {
  :root {
    --pr-bg:       #121210;
    --pr-surface:  #1D1D1A;
    --pr-fg:       #F2F2EF;
    --pr-fg-muted: #93958E;
    --pr-border:   #2E2F2B;
    --pr-accent:   #C79A46; /* brass lifted for contrast on dark */
  }
}

/* ---- Logo lockup ---- */
.pr-logo {
  display: inline-flex;
  align-items: center;
  gap: var(--pr-mark-gap);
  color: var(--pr-fg);
  text-decoration: none;
}

.pr-logo__mark {
  width: var(--pr-mark-size);
  height: var(--pr-mark-size);
  flex: none;
  /* the mark inherits `color` via currentColor — never hard-code its fill */
}

.pr-logo__wordmark {
  font-family: var(--pr-font-display);
  font-size: calc(var(--pr-mark-size) * 0.56);
  font-weight: 500;
  letter-spacing: var(--pr-tracking-wordmark);
  text-transform: uppercase;
  line-height: 1;
  white-space: nowrap;
}