/* =============================================================
   visual-v2.css — the fleet TOKEN BRIDGE for the v2 answer canvas.
   Loaded by the static shell for every tenant that declares visual:'v2',
   BEFORE the tenant's own kit/tokens.css. It defines every --mk-* token the v2
   CSS in styles.css consumes, derived from the tenant's existing --aios-blue
   System-A palette (which every shell already sets) with hard literal fallbacks
   so nothing is ever unset. A tenant may override any token with its own
   kit/tokens.css (loaded after this) — e.g. tenants/reference/kit/tokens.css keeps
   reference byte-for-byte identical. Generic tenants render the v2 canvas in THEIR
   brand (accent from --aios-blue, brand fonts, neutral typography) with no
   reference-specific styling (no forced condensed/uppercase display).
   ============================================================= */

[data-visual="v2"] {
  /* Palette — accent family from the tenant's --aios-blue System-A palette. */
  --mk-accent: var(--aios-blue, var(--accent));
  --mk-accent-dark: var(--aios-blue-dark, var(--accent-dark));
  --mk-accent-bright: var(--aios-blue-light, var(--accent));
  --mk-rentals-accent: var(--aios-blue, var(--accent));

  /* Neutral ink / surfaces — brand-neutral so any tenant reads cleanly. */
  --mk-ink: var(--ink, #1a1a1a);
  --mk-ink-soft: var(--ink-soft, #3f4451);
  --mk-muted: var(--muted, #6b7280);
  --mk-bg: var(--bg-tint, #f7f8fa);
  --mk-surface: var(--surface, #ffffff);
  --mk-surface-alt: var(--surface-alt, #f2f4f7);
  --mk-hairline: var(--line, rgba(20, 30, 50, 0.12));
  --mk-hairline-strong: var(--line-strong, #666);
  --mk-tint: var(--aios-blue-tint);
  --mk-tint-2: var(--aios-blue-bg);

  /* Typography — the tenant's brand fonts; neutral weight/case (reference overrides
     to its condensed uppercase display via its own tokens.css). */
  --mk-display: var(--brand-font-display, var(--brand-font-body, "Inter", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif));
  --mk-display-weight: 700;
  --mk-display-ls: 0;
  --mk-display-transform: none;
  --mk-body: var(--brand-font-body, "Inter", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  --mk-body-weight: 400;
  --mk-label-ls: 0.06em;
  --mk-label-transform: uppercase;

  /* Shape — restrained defaults (reference overrides buttons to square 0px). */
  --mk-radius-card: var(--radius-md, 10px);
  --mk-radius-button: var(--radius-sm, 8px);
  --mk-radius-chip: 999px;

  /* Answer-canvas rhythm (shared). */
  --mk-canvas-pad: 20px;
  --mk-answer-max: 860px;
  --mk-block-gap: 16px;
}