/* Cusco Bar — shared brand layer for the guest pages, door scanner and admin.
   Dark wine ground (easy on the eyes at night), crimson only as an accent,
   a high-contrast serif like the logo's wordmark, wide-spaced capitals. */

@font-face { font-family: "Playfair Display"; src: url(/fonts/playfair-display-latin-400-normal.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Playfair Display"; src: url(/fonts/playfair-display-latin-400-italic.woff2) format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Playfair Display"; src: url(/fonts/playfair-display-latin-600-normal.woff2) format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Playfair Display"; src: url(/fonts/playfair-display-latin-700-normal.woff2) format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Jost"; src: url(/fonts/jost-latin-300-normal.woff2) format("woff2"); font-weight: 300; font-display: swap; }
@font-face { font-family: "Jost"; src: url(/fonts/jost-latin-400-normal.woff2) format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Jost"; src: url(/fonts/jost-latin-500-normal.woff2) format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Jost"; src: url(/fonts/jost-latin-600-normal.woff2) format("woff2"); font-weight: 600; font-display: swap; }

:root {
  color-scheme: dark;
  /* ground → surfaces */
  --ink: #12060a;
  --wine-1: #1b080d;
  --wine-2: #240b12;
  --wine-3: #30101a;
  --line: #43202a;
  --line-2: #5a2c37;
  /* brand */
  --red: #c4152f;
  --red-hi: #dd2a44;
  --red-deep: #7c0a1a;
  --frame: #f3e6e1;
  /* text */
  --text: #f6ece8;
  --text-2: #dcc8c6;
  --muted: #a8898d;
  --dim: #7d6266;
  /* status (kept apart from the brand red so "denied" never looks like branding) */
  --go: #3cc27a;
  --go-bg: #12301f;
  --stop: #ff5c66;
  --stop-bg: #3a1016;
  --wait: #f0b44c;
  --wait-bg: #36260c;
  /* type */
  --serif: "Playfair Display", "Didot", "Bodoni 72", Georgia, serif;
  --sans: "Jost", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, monospace;
  /* the logo's red glow, top-left */
  --glow: radial-gradient(120% 70% at 0% 0%, #6e0a18 0%, #3a0811 38%, #12060a 78%);
}

/* Playfair's default old-style figures make 0 look like o — codes need lining digits.
   !important because each page's `font:` shorthand on body would reset it. */
body { font-variant-numeric: lining-nums !important; }

.caps { font-family: var(--sans); text-transform: uppercase; letter-spacing: .32em; font-weight: 500; }

/* Wordmark: framed, staggered serif like the logo, caps line underneath. */
.mark { display: inline-flex; flex-direction: column; align-items: center; gap: .55em; color: var(--frame); text-decoration: none; }
.mark-box { border: 1.5px solid var(--frame); padding: .35em .9em .45em; display: grid; line-height: .82; }
.mark-box .a { font-family: var(--serif); font-style: italic; font-size: 1.65em; justify-self: start; letter-spacing: -.01em; }
.mark-box .b { font-family: var(--serif); font-size: 1.35em; justify-self: end; margin-top: -.08em; padding-left: 1.3em; letter-spacing: .02em; }
.mark-cap { font-family: var(--sans); font-weight: 500; font-size: .62em; letter-spacing: .5em; padding-left: .5em; }
.mark.sm { font-size: 13px; }
.mark.md { font-size: 18px; }
.mark.lg { font-size: 26px; }

/* Real Cusco Bar logo (public/logo.svg = framed wordmark + caption, logo-compact.svg = frame only). */
.logo { display: block; height: auto; max-width: 100%; }
.logo.sm { width: 74px; }      /* top bars (compact) */
.logo.md { width: 170px; }     /* guest pages */
.logo.lg { width: 230px; }     /* sign-in screens */