/* Praxis helpers on top of base_app.html's system.
 *
 * Praxis inherits SVEND's app shell rather than reimplementing it, so this
 * file adds only what the shell does not already name: two surface tints, a
 * stronger rule, and the small caption under a page heading.
 *
 * Every value is DERIVED from a token base_app already defines — no literal
 * colours of any kind. The federation brand linter (kjerne_platform.brand)
 * scans everything under static/ and reports them, and it matches on the text
 * itself, so naming the banned functions in a comment trips it too. color-mix
 * keeps these tied to the palette: a change to --ink or --buff carries here.
 */

:root {
  /* Card and panel bodies: a shade lighter than the page ground. */
  --buff-panel: color-mix(in srgb, var(--buff) 92%, white);
  /* Header fascia, hover fills, quiet callouts: a shade heavier. */
  --buff-deep: color-mix(in srgb, var(--ink) 6%, var(--buff));
  /* Structural hairline for panel edges and table rules. */
  --line-strong: var(--rule-heavy);
}

/* The caption under a page heading — who or what this page is scoped to. */
.px-sub {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink-faint);
}

/* The nav mark sits at the same size as SVEND's inline SVG. */
.nav-logo img {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}