// Nova wordmark + avatar, rendered inline as SVG so we can color it with currentColor
const NovaWordmark = ({ height = 20 }) => (
  <svg viewBox="0 0 140 28" height={height} aria-label="Nova" style={{ display: "block" }}>
    <text
      x="0"
      y="21"
      fontFamily="'Newsreader', serif"
      fontWeight="500"
      fontSize="26"
      letterSpacing="0.5"
      fill="currentColor"
      fontStyle="italic"
    >
      Nova
    </text>
  </svg>
);

const NovaMark = ({ size = 28 }) => (
  // Simplified take on the 'N' avatar — two bars + diagonal
  <svg viewBox="0 0 40 40" width={size} height={size} aria-label="Nova mark" style={{ display: "block" }}>
    <rect x="4" y="12" width="6" height="16" fill="currentColor" />
    <rect x="30" y="12" width="6" height="16" fill="currentColor" />
    <path d="M10 12 L30 28 L30 22 L14 12 Z" fill="currentColor" />
  </svg>
);

window.NovaWordmark = NovaWordmark;
window.NovaMark = NovaMark;