/* =============================================================================
   THEME — resource-deck design tokens (personal-os/design/DESIGN.md, LOCKED).
   Loaded by index.html (the deck). Do not add colours; do not add hard offset
   shadows — that signature stays exclusive to the name card on the hub site.
   ============================================================================= */
:root{
  /* ---- colour (60-30-10: ~60% paper/page, ~30% ink, ≤10-15% blue+yellow) ---- */
  --blue:   #1528C4;   /* primary — display headings, links, primary button, the one signal */
  --yellow: #FFC400;   /* accent — markers/highlights ONLY, ≤1 sticker-style highlight per deck */
  --ink:    #0A0A0A;   /* text, 2.5px borders */
  --paper:  #FAF8F2;   /* slide surface */
  --page:   #EFEDE4;   /* stage letterbox behind the slide (faint dot grid) */
  --muted:  #605C52;   /* secondary/mono text */
  --hair:   rgba(10,10,10,.13);

  /* ---- type ---- */
  --display: "Bricolage Grotesque", "Arial Black", sans-serif;  /* 800 for headings */
  --body:    "Geist", -apple-system, "Helvetica Neue", Arial, sans-serif;
  --mono:    "Space Mono", ui-monospace, monospace;             /* uppercase labels, folios */
}

/* =============================================================================
   EXIT-RAMP BADGE — the small always-there link back to the author's site
   (slide-studio ADR-0002). Rendered ONLY when config.js defines exitRamp.badge;
   remove that config block and no badge appears.
   ============================================================================= */
.exit-badge{
  /* lives INSIDE #deckStage: stage coordinates (1920×1080), scales with the
     slide, right edge on the sheet's 120px content column */
  position:absolute; top:26px; right:120px; z-index:7;
  font-family:var(--mono); font-size:15px; font-weight:700;
  letter-spacing:.12em; text-transform:uppercase; text-decoration:none;
  color:var(--ink); background:var(--paper);
  border:2px solid var(--ink); border-radius:4px;
  padding:8px 14px; opacity:.72; transition:opacity .2s ease-out;
}
.exit-badge:hover, .exit-badge:focus-visible{ opacity:1; }