// Icons — minimal, monoline
const IconDiamond = ({ size = 14, color = 'currentColor' }) => (
  <svg width={size} height={size} viewBox="0 0 16 16" fill="none">
    <path d="M8 1 L14.5 8 L8 15 L1.5 8 Z" stroke={color} strokeWidth="1.3" fill="none"/>
    <path d="M8 4.5 L11 8 L8 11.5 L5 8 Z" fill={color} opacity="0.5"/>
  </svg>
);
const IconStar = ({ size = 14, color = 'currentColor' }) => (
  <svg width={size} height={size} viewBox="0 0 16 16" fill="none">
    <path d="M8 1 L9.2 6.3 L14.5 7.2 L10.5 10.4 L11.6 15 L8 12.4 L4.4 15 L5.5 10.4 L1.5 7.2 L6.8 6.3 Z" stroke={color} strokeWidth="1" fill="none"/>
  </svg>
);
const IconCompass = ({ size = 14, color = 'currentColor' }) => (
  <svg width={size} height={size} viewBox="0 0 16 16" fill="none">
    <circle cx="8" cy="8" r="6.5" stroke={color} strokeWidth="1" fill="none"/>
    <path d="M8 4.5 L9.3 8 L8 11.5 L6.7 8 Z" fill={color}/>
  </svg>
);
const IconArrow = ({ size = 14, color = 'currentColor' }) => (
  <svg width={size} height={size} viewBox="0 0 16 16" fill="none">
    <path d="M3 8 H13 M9 4 L13 8 L9 12" stroke={color} strokeWidth="1.4" fill="none" strokeLinecap="round" strokeLinejoin="round"/>
  </svg>
);
const IconPlay = ({ size = 12, color = 'currentColor' }) => (
  <svg width={size} height={size} viewBox="0 0 12 12" fill={color}>
    <path d="M3 2 L10 6 L3 10 Z"/>
  </svg>
);
const IconApple = ({ size = 22, color = '#000' }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill={color}>
    <path d="M17.6 13.2c0-2.3 1.9-3.4 2-3.5-1.1-1.6-2.8-1.8-3.4-1.8-1.4-0.1-2.8 0.9-3.5 0.9-0.7 0-1.8-0.8-3-0.8-1.5 0-3 0.9-3.8 2.3-1.6 2.8-0.4 7 1.2 9.3 0.8 1.1 1.7 2.4 3 2.3 1.2-0.1 1.7-0.8 3.1-0.8 1.5 0 1.9 0.8 3.2 0.8 1.3 0 2.2-1.1 3-2.3 0.9-1.3 1.3-2.6 1.3-2.7-0.1-0.1-2.5-1-2.5-3.7zM15.3 6.3c0.6-0.8 1.1-1.9 1-3-0.9 0-2 0.6-2.7 1.4-0.6 0.7-1.1 1.8-1 2.9 1 0.1 2.1-0.5 2.7-1.3z"/>
  </svg>
);

// Logo wordmark
const AtlasLogo = ({ size = 28 }) => (
  <svg width={size * 2.8} height={size} viewBox="0 0 80 28" fill="none">
    <rect x="2" y="6" width="10" height="16" fill="none" stroke="#8B6914" strokeWidth="1.2"/>
    <path d="M4 8 L8 14 L12 8" stroke="#8B6914" strokeWidth="1" fill="none"/>
    <path d="M7 22 V13" stroke="#8B6914" strokeWidth="1" opacity="0.6"/>
    <text x="20" y="19" fontFamily="JetBrains Mono" fontSize="13" fontWeight="700" letterSpacing="3" fill="#0A1628">ATLAS</text>
  </svg>
);

Object.assign(window, { IconDiamond, IconStar, IconCompass, IconArrow, IconPlay, IconApple, AtlasLogo });