/* prism-runner web — project static CSS.
 *
 * Per PRISM-RUNNER-WEB-CONTRACT.md §3.3: Tailwind CDN does most of
 * the work; this stylesheet handles the non-utility surface only
 * (no `@apply` directive use since CDN doesn't support it without
 * a build step). Custom rules below cover:
 *   - elevation shadows (Tailwind defaults are close but our token
 *     table at design brief §2.3 specifies exact rgba values)
 *   - small-caps label class (Tailwind doesn't ship a small-caps
 *     letter-spacing utility at the right size)
 *   - typography overrides for the JetBrains Mono technical scale
 */

/* ───────────────────────────────────────────────────────────────
 * Small-caps label class — design brief §2.2 "signature" anchor.
 * NEVER use UPPERCASE for body text per §2.2 ("UPPERCASE banned").
 * ─────────────────────────────────────────────────────────────── */
.text-small-caps-label {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.6875rem; /* 11px */
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* ───────────────────────────────────────────────────────────────
 * Elevation tokens per design brief §2.3.
 * ─────────────────────────────────────────────────────────────── */
.shadow-subtle  { box-shadow: 0 1px 2px rgba(34, 41, 51, 0.04); }
.shadow-card    { box-shadow: 0 2px 6px rgba(34, 41, 51, 0.06); }
.shadow-dropdown { box-shadow: 0 8px 24px rgba(34, 41, 51, 0.10); }
.shadow-modal   { box-shadow: 0 20px 48px rgba(34, 41, 51, 0.18); }

/* ───────────────────────────────────────────────────────────────
 * JetBrains Mono technical scale per design brief §2.2.
 * ─────────────────────────────────────────────────────────────── */
.text-technical {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.3;
}
.text-technical-emphasis {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.3;
}

/* ───────────────────────────────────────────────────────────────
 * Wordmark + brand chrome.
 * Pattern #283 cite: contract §3.2 obligation 5 — Inter 700 18px
 * granite-900; grep-guard excludes camelCase variants.
 * ─────────────────────────────────────────────────────────────── */
.prism-wordmark {
  font-family: 'Inter', system-ui, sans-serif;
  font-weight: 700;
  font-size: 1.125rem; /* 18px */
  color: #374151;      /* granite-900 */
  letter-spacing: -0.015em;
}