/* ============================================================
   margherita — brand-mark.css
   Standalone stylesheet for the canonical daisy mark on legacy
   pages that do NOT extend base.html (terms, privacy, onboarding,
   staff_change_password, swap/release_create).
   Consumed by macro: _layouts/_brand_mark.html
   Spec: docs/superpowers/specs/2026-05-27-brand-mark-partial-spec.md

   Self-contained on purpose — no custom-property references — because
   the call sites do not all load tokens.css today (terms.html, privacy.html).
   ============================================================ */

/* Base — applied alongside a size + variant modifier on every render. */
.brand-mark {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

/* ─────────────────────────────────────────────────────────────
   SIZE VARIANTS — heights mapped from the existing 1.0/1.1/1.3rem
   inline source markup. Width auto preserves the daisy aspect ratio.
   ───────────────────────────────────────────────────────────── */
.brand-mark--sm {
  height: 28px;
  width: auto;
}
.brand-mark--md {
  height: 32px;
  width: auto;
}
.brand-mark--lg {
  height: 40px;
  width: auto;
}

/* ─────────────────────────────────────────────────────────────
   SURFACE VARIANTS — class hooks emitted unconditionally by the macro.
   ───────────────────────────────────────────────────────────── */
.brand-mark--light {
  /* No-op: default light surfaces render the daisy as-is. */
}
.brand-mark--dark {
  /* Plan 03-03 fills this if visual inspection finds the multicolor daisy
     reads marginally on dark surfaces. Path 1 (as-is) leaves this empty.
     Path 2 (CSS filter) fills in a drop-shadow or contrast filter.
     Path 3 (separate asset) modifies the macro src and leaves this empty. */
}

/* ─────────────────────────────────────────────────────────────
   LINK WRAPPER — used when the macro receives a truthy href.
   Intentionally no color: declaration so the text-contrast floor
   (--ink-4 #4B5563 on light surfaces) cannot drift if reused.
   ───────────────────────────────────────────────────────────── */
.brand-mark-link {
  display: inline-block;
}