// anTee-Up landing page — shared tokens & primitives.

window.A = {
  bgDarkest: '#091910',
  bgDark:    '#0E2219',
  bgPrimary: '#1B3A2D',
  bgMid:     '#244D3C',
  bgLight:   '#2E6449',
  gold:      '#C9A84C',
  goldLight: '#E2C47A',
  goldDark:  '#A8862A',
  textPri:   '#F0EBE0',
  textSec:   '#9DB5A8',
  textMuted: '#4E6A5C',
  cardBg:    'rgba(255,255,255,0.03)',
  cardBorder:'rgba(201,168,76,0.14)',
  cardBorderHover:'rgba(201,168,76,0.38)',
  divider:   'rgba(201,168,76,0.12)',
  display:   "'Playfair Display', Georgia, serif",
  body:      "'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif",
  // app palette (used inside phone screenshots)
  app: {
    bg:        '#FAFAF7',
    surface:   '#FFFFFF',
    primary:   '#1B4D3E',
    primaryDeep: '#1B3A2D',
    accent:    '#E67E22',
    secondary: '#27AE60',
    secondaryDeep: '#2D6A4F',
    loss:      '#C0392B',
    fg:        '#1A1A1A',
    fg2:       '#5C5C5C',
    fg3:       '#78858F',
    outline:   '#EEEEEE',
    highlight: '#EBF5F0',
  },
};

// Lucide-style SVG icon
window.Svg = function Svg({ children, w = 22, sw = 1.75 }) {
  return (
    <svg width={w} height={w} viewBox="0 0 24 24" fill="none" stroke="currentColor"
         strokeWidth={sw} strokeLinecap="round" strokeLinejoin="round">{children}</svg>
  );
};

window.AIcons = {
  flag:     () => <Svg><path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"/><line x1="4" y1="22" x2="4" y2="15"/></Svg>,
  activity: () => <Svg><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></Svg>,
  wallet:   () => <Svg><rect x="1" y="4" width="22" height="16" rx="2"/><line x1="1" y1="10" x2="23" y2="10"/></Svg>,
  shield:   () => <Svg><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><polyline points="9 12 11 14 15 10"/></Svg>,
  users:    () => <Svg><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></Svg>,
  clock:    () => <Svg><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></Svg>,
  chevDown: () => <Svg w={18}><polyline points="6 9 12 15 18 9"/></Svg>,
  check:    () => <Svg w={16}><polyline points="20 6 9 17 4 12"/></Svg>,
  arrow:    () => <Svg w={16}><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></Svg>,
  star:     () => <Svg w={16}><polygon points="12 2 15 8 22 9 17 14 18 21 12 17.5 6 21 7 14 2 9 9 8 12 2" fill="currentColor"/></Svg>,
};