/* ============================================================
   VibeKrave — Brand override (Phase 1, TEMPORARY)
   Loaded after all legacy CSS. Remaps legacy variable names to
   the canonical tokens and enforces Roboto, so every route
   snaps to brand without editing 117 legacy files. This file
   is deleted at the end of Phase 2 once each route consumes
   tokens.css directly.
   ============================================================ */

:root {
  /* Legacy variable names still referenced by generated CSS */
  --font-display: var(--vk-font-display);
  --font-body: var(--vk-font-body);
  --bg: var(--vk-bg);
  --bg-soft: var(--vk-surface);
  --surface: var(--vk-surface);
  --surface-soft: var(--vk-surface-raised);
  --text: var(--vk-text);
  --text-light: var(--vk-muted);
  --muted: var(--vk-muted);
  --line: var(--vk-border);
  --danger: var(--vk-danger);
  --primary: var(--vk-green);
  --purple: var(--vk-purple);
  --pink: var(--vk-pink);
  --teal: var(--vk-cyan);
  --orange: var(--vk-gold);
}

/* Typography enforcement — Roboto everywhere, including elements
   whose legacy rules named Inter or Baloo 2 directly. */
body,
body * {
  font-family: var(--vk-font-body) !important;
}

/* Keep icon fonts and monospace intact */
body [class*="lucide"],
body [class^="icon-"],
body [class*=" icon-"],
body code, body pre, body kbd, body samp {
  font-family: revert !important;
}