// NoBS logo components — recreated from the user's own brand kit.

const NoBSMark = ({ size = 40, ink = "#3B2A1E", red = "#D62828" }) => {
  // Speech-bubble newspaper. Stroke weight scales w/ size.
  const sw = Math.max(2, size * 0.06);
  return (
    <svg width={size} height={size} viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="NoBS">
      {/* speech-bubble document outline */}
      <path
        d="M10 10 H78 L90 22 V78 H30 L18 90 V78 H10 Z"
        stroke={ink}
        strokeWidth={sw}
        strokeLinejoin="round"
        fill="white"
      />
      {/* folded corner triangle */}
      <path d="M78 10 L90 22 H78 Z" fill={red} />
      {/* "No" */}
      <text x="20" y="46" fontFamily="Inter, sans-serif" fontWeight="900" fontSize="24" fill={ink}>No</text>
      {/* "BS" */}
      <text x="20" y="72" fontFamily="Inter, sans-serif" fontWeight="900" fontSize="24" fill={red}>BS</text>
      {/* document text lines */}
      <line x1="56" y1="44" x2="80" y2="44" stroke={ink} strokeWidth={sw * 0.7} strokeLinecap="round" />
      <line x1="56" y1="54" x2="80" y2="54" stroke={ink} strokeWidth={sw * 0.7} strokeLinecap="round" />
      <line x1="56" y1="64" x2="80" y2="64" stroke={ink} strokeWidth={sw * 0.7} strokeLinecap="round" />
      <line x1="56" y1="74" x2="76" y2="74" stroke={ink} strokeWidth={sw * 0.7} strokeLinecap="round" />
    </svg>
  );
};

const NoBSWordmark = ({ size = 28, ink = "#3B2A1E", red = "#D62828" }) => (
  <div style={{ display: "flex", alignItems: "center", gap: 12, lineHeight: 1 }}>
    <NoBSMark size={size * 1.4} ink={ink} red={red} />
    <div style={{ display: "flex", flexDirection: "column", gap: 2 }}>
      <div style={{ fontFamily: "Inter, sans-serif", fontWeight: 900, fontSize: size, color: ink, letterSpacing: "-0.02em" }}>
        NoMoreBSNews<span style={{ color: red }}>.com</span>
      </div>
      <div style={{ fontFamily: "Inter, sans-serif", fontWeight: 500, fontSize: size * 0.4, color: "#7A4B2E", letterSpacing: "0.01em" }}>
        Top stories. Zero spin.
      </div>
    </div>
  </div>
);

Object.assign(window, { NoBSMark, NoBSWordmark });