/* Shared Aeroluxe identity for standalone pages and embedded experiences. */
:root {
  color-scheme: dark;
  --paper: #15130f;
  --ink: #eeebe4;
  --muted: #b2aba0;
  --line: #3d3830;
  --gold: #c9a24d;
  --dark: #0d0c09;
  --sans: "Instrument Sans", system-ui, -apple-system, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, monospace;
  --display: "Marcellus", Georgia, serif;
}
body { background: var(--paper); color: var(--ink); font-family: var(--sans); }
body h1, body h2, body h3, body .intro, body .editorial-quote p, body #card-title { font-family: var(--display); }
body h1 em { color: var(--gold); font-family: inherit; }
.brand { display: block; flex-shrink: 0; line-height: 1; letter-spacing: normal; }
.brand img { display: block; height: 62px; width: auto; max-width: 100%; mix-blend-mode: lighten; }
body header, .site-header { min-height: 94px; height: auto; padding-block: 14px; border-color: var(--line); }
.eyebrow, .chapter-strip, .card-meta, .small-title, .reference-card h3 { color: var(--gold); }
.intro-copy, .intro-copy b, .instructions, #card-copy, .card-points p,
.visual-note, .view-tabs > span, .card-meta > span:last-child, .lower-notes,
.reference-card p, .reference-card strong, .test-note, .test-state,
.step, .step small, .file-label, .file-status, .small-dialog p,
.dialog-content p, .dialog-content .note { color: var(--muted); }
.info-card, .detail-thumb, .evidence-card, .verify-card { background: #1e1b16; border-color: var(--line); }
.step.active, .step.done { color: var(--ink); }
.step.active::before, .step.done::before { background: var(--gold); }
.step .num { border-color: #6f6044; }
.step.active .num, .step.done .num { background: var(--gold); color: #15130f; border-color: var(--gold); }
.evidence-card.scanned, .evidence-card.passed, .verify-card.passed { background: #242b20; border-color: #657354; }
.evidence-card.suspect { background: #30281a; border-color: var(--gold); }
.reference-card, .lower-notes, .dialog-head, .dialog-content table :is(th,td) { border-color: var(--line); }
.success-banner { background: #242b20; border-color: #657354; color: var(--ink); }
.success-banner small, .success-banner .symbol { color: #c3d1b4; }
.verify-check.pass { color: #c3d1b4; }
body dialog { background: #1e1b16; color: var(--ink); border-color: var(--line); }
.dialog-content code { background: #343025; color: var(--ink); }
.small-dialog form input, .small-dialog textarea, .file-label input { background: #15130f; color: var(--ink); border-color: #655a47; }
.close { color: var(--ink); border-color: #655a47; }
.file-status { color: var(--gold) !important; }
.experience-return { border-bottom: 1px solid var(--line); }
@media (max-width: 760px) {
  .brand img { height: 42px; max-width: 155px; object-fit: contain; }
  body header, .site-header { min-height: 76px; padding-block: 12px; gap: 14px; }
}
/* Keep the same metallic action treatment as the main site. */
@property --experience-beam { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
:is(.primary,.secondary,.solid-btn,.outline-btn,.light-btn) { position: relative; isolation: isolate; border: 0; border-radius: 36px; background: #1d1d1d; color: #eeebe4; box-shadow: inset 0 0 0 1px #444; text-decoration: none; }
:is(.primary,.secondary,.solid-btn,.outline-btn,.light-btn):hover { background: #262626; color: #eeebe4; }
:is(.primary,.secondary,.solid-btn,.outline-btn,.light-btn)::before { content: ''; position: absolute; inset: 0; z-index: -1; padding: 1.5px; border-radius: inherit; background: conic-gradient(from var(--experience-beam),transparent 0 62%,#9a9a9a 70%,#cfcecb 78%,#dcb866 86%,#c9a24d 93%,transparent 100%); -webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0); pointer-events: none; animation: experience-beam 4.5s linear infinite; }
.experience-return { background: #15130f; padding: 14px 5%; font: 500 13px/1.5 system-ui,sans-serif; color: #eeebe4; }
.experience-return a { color: inherit; text-decoration: none; }
.service-link { display: inline-flex; padding: 14px 22px; font-size: 12px; align-items: center; }
@keyframes experience-beam { to { --experience-beam:360deg; } }
@media(prefers-reduced-motion:reduce) { :is(.primary,.secondary,.solid-btn,.outline-btn,.light-btn)::before { animation: none; --experience-beam:200deg; } }