// brand.jsx — clean inline recreation of the Feroot shield mark (the supplied
// raster is a 2-up sheet and the SVG carries no fill, so we redraw it).
// Two-tone purple shield with a diagonal split and a </> code glyph.
// variant: 'color' (default) | 'mono' (solid white, for dark surfaces).

function FerootShield({ size = 24, variant = 'color', style }) {
  const left = variant === 'mono' ? '#ffffff' : '#9B7BE8';
  const right = variant === 'mono' ? '#ffffff' : '#4B17C7';
  const chev = variant === 'mono' ? 'rgba(40,8,90,.9)' : '#ffffff';
  return (
    <svg width={size} height={size} viewBox="0 0 100 116" style={{ display: 'block', ...style }} aria-hidden="true">
      <path d="M51 9 C36 8,20 12,11 17 C12 38,13 52,15 66 C17 85,33 101,49 109 L51 9 Z" fill={left} />
      <path d="M54 9 C64 8,80 12,89 17 C88 38,87 52,85 66 C83 85,67 101,52 109 L54 9 Z" fill={right} />
      <path d="M38 45 L26 57 L38 69" fill="none" stroke={chev} strokeWidth="7.5" strokeLinecap="round" strokeLinejoin="round" />
      <path d="M62 45 L74 57 L62 69" fill="none" stroke={chev} strokeWidth="7.5" strokeLinecap="round" strokeLinejoin="round" />
    </svg>
  );
}

Object.assign(window, { FerootShield });