/* Shared components — LogoMark, etc. */

function LogoMark({ size = 20, color = "currentColor" }) {
  // Aris mark: a triangulated peak / compass rose hybrid — cartographic feel
  return (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke={color} strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round">
      <path d="M12 2 L22 20 L2 20 Z" />
      <path d="M12 2 L12 20" strokeDasharray="1.5 2" opacity="0.6" />
      <path d="M7 20 L12 11 L17 20" />
      <circle cx="12" cy="20" r="1" fill={color} />
    </svg>
  );
}

Object.assign(window, { LogoMark });