// Pellex design tokens — palette options + typography
// Two requested aesthetics blended: dark green (calm authority) + neon yellow (hustle).
// We expose 3 palettes for Tweak swapping.

const PELLEX_PALETTES = {
  forest: {
    // Deep forest green — primary recommended direction.
    bg:        '#0E1814',
    bgElev:    '#152220',
    bgCard:    '#1B2A26',
    bgChip:    'rgba(212,255,58,0.08)',
    border:    'rgba(232,224,200,0.10)',
    borderStrong: 'rgba(232,224,200,0.18)',
    text:      '#F2EEDF',  // warm cream
    textMute:  '#9FB0A8',
    textDim:   '#6C7E76',
    accent:    '#D4FF3A',  // neon lime — CTA
    accentInk: '#0E1814',  // text on accent
    accent2:   '#F4B27A',  // peach — warm secondary
    accent3:   '#7CD3B0',  // mint — supportive
    danger:    '#FF7A6B',
  },
  hustle: {
    // Pure dark + neon yellow — high-conversion, bolder
    bg:        '#0A0A0A',
    bgElev:    '#141414',
    bgCard:    '#1A1A1A',
    bgChip:    'rgba(212,255,58,0.10)',
    border:    'rgba(255,255,255,0.08)',
    borderStrong: 'rgba(255,255,255,0.16)',
    text:      '#F5F4EF',
    textMute:  '#9B9B95',
    textDim:   '#6A6A65',
    accent:    '#D4FF3A',
    accentInk: '#0A0A0A',
    accent2:   '#FF6B3D',
    accent3:   '#7CC4FF',
    danger:    '#FF6B6B',
  },
  cream: {
    // Editorial cream + black with lime accent — calm + warm
    bg:        '#F5F1E6',
    bgElev:    '#EFEADC',
    bgCard:    '#FFFFFF',
    bgChip:    'rgba(20,30,25,0.06)',
    border:    'rgba(20,30,25,0.10)',
    borderStrong: 'rgba(20,30,25,0.20)',
    text:      '#141E19',
    textMute:  '#4E5A54',
    textDim:   '#7C857F',
    accent:    '#0E1814',     // ink as CTA
    accentInk: '#D4FF3A',
    accent2:   '#C4622B',
    accent3:   '#2E6B4F',
    danger:    '#B83A2B',
  },
};

const PELLEX_FONTS = {
  display: "'Bricolage Grotesque', system-ui, sans-serif",
  body:    "'Manrope', system-ui, -apple-system, sans-serif",
  mono:    "'JetBrains Mono', ui-monospace, monospace",
};

// Headline variants — exposed via Tweaks
const PELLEX_HEADLINES = {
  asset: {
    eyebrow: 'For total beginners',
    h1pre:  'Stop trading hours for dollars.',
    h1:     'Build a tiny AI asset that earns while you sleep.',
    sub:    'Pellex walks you through a 4-step playbook to launch your first AI side-business — even if you have never sold a digital product before.',
  },
  shovel: {
    eyebrow: 'AI side-business, made simple',
    h1pre:  'Everyone is digging for AI gold.',
    h1:     'We will teach you to sell the shovels.',
    sub:    'A practical, no-BS playbook for beginners. Pick a tiny niche, publish a useful page, sell a $9 template, automate the rest.',
  },
  zero: {
    eyebrow: '0 → 1, in a weekend',
    h1pre:  'No audience. No code. No stress.',
    h1:     'Your first AI income system, ready by Sunday.',
    sub:    'A friendly map for people who feel late to AI. Tiny niche, free page, small product, then automation. Built one step at a time.',
  },
};

// Expose globally for other scripts
window.PELLEX_PALETTES = PELLEX_PALETTES;
window.PELLEX_FONTS = PELLEX_FONTS;
window.PELLEX_HEADLINES = PELLEX_HEADLINES;