/* LED Sign City — Sales Desk (light). Import brand tokens, then this.
   Source: /workspace/brand-system/tokens.css
   Do not restyle live desk until Shane picks from comps. */

/* brand tokens are NOT forked. The pack ships no brand-system/tokens.css, so this import
   is parked to avoid a 404 on every page load. Drop the real file at
   desk.ledsigncity.com/brand-system/tokens.css and restore the line below verbatim.
@import url("../brand-system/tokens.css"); */

:root {
  /* Desk surface — Shane's off-white, not navy #0F1B2D */
  --desk: #F4F7F9;
  --desk-ink: #111111;
  --desk-muted: #4A5560;

  /* Selected = thick black border. Not navy fill, not gold. */
  --desk-selected: #111111;
  --desk-selected-width: 3px;

  /* One yellow. Kill #D4A012 and Amazon #FFD814. */
  --on: #ffe94a;
  --on-ink: #14171c;

  --tap: 44px;
  --font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Chrome on this app: white-badge lockup + (866) 343-4011. Do not invert the mark. */
.desk-lockup { height: 38px; width: auto; display: block; }
.desk-phone {
  font-family: var(--font-sans);
  font-size: 15px; font-weight: 600; color: var(--desk-ink);
  text-decoration: none; min-height: var(--tap);
  display: inline-flex; align-items: center;
}
.desk-phone:link, .desk-phone:visited { color: var(--desk-ink); }

.desk-tab[aria-current="page"],
.desk-tab.is-on {
  background: transparent;
  color: var(--desk-ink);
  border: var(--desk-selected-width) solid var(--desk-selected);
}

.lsc-btn { min-height: var(--tap); background: var(--on); color: var(--on-ink); }