/* Slab Forge palette -- the ONE definition shared by the publish renderer, the
   board SPA and the signer page. Pure black bg + #1a1d22 surface + a single
   crimson accent.

   Shipped by:
     - publish renderer: bundled as css/tokens.css (publish_renderer.rs)
     - board SPA:        bundled as tokens.css (board_app.rs)
     - signer page:      a marked inline COPY in board-signer/site/index.html
                         (that page is deployed as a single file); a test in
                         board_app.rs fails if the copy drifts.
   Edit here, then refresh the signer copy. Do not redefine these variables
   anywhere else. */
:root {
  --bg:         #000000;
  --bg-surface: #1a1d22;
  --bg-header:  #1a1d22;
  --bg-hover:   #2d3239;
  --bg-active:  #23272d;
  --fg:         #c8d0d8;
  --fg-dim:     #7a838c;
  --fg-bright:  #ffffff;
  --accent:     #d4263c;
  --accent-dim: #b51f30;
  --border:     rgba(255, 255, 255, 0.14);
  --green:      #5fd584;
  --yellow:     #e8c14c;
  --red:        #d4263c;
  --purple:     #a371f7;
  --font-mono:  'JetBrains Mono', 'Fira Code', 'SF Mono', Consolas, monospace;
}

/* Links are styled where they are CONTENT (prose), never globally. Anything
   that is a control -- tab, button-link, breadcrumb, permalink -- carries
   `.ui-link` and gets quiet text with no underline; set `--ui-fg` /
   `--ui-fg-hover` to recolour it. A control therefore never has to undo an
   inherited link style. */
.prose a { color: var(--accent); text-decoration: none; }
.prose a:hover { text-decoration: underline; }
.ui-link {
  color: var(--ui-fg, var(--fg-dim));
  text-decoration: none;
  cursor: pointer;
}
.ui-link:hover {
  color: var(--ui-fg-hover, var(--fg));
  text-decoration: none;
}