// SannaTrip V2 — Design tokens
// Source of truth for colors, type, spacing, radii, shadow.

const TOKENS = {
  // Color — navy primary, soft pink accent, warm ivory ground
  color: {
    navy:        '#1b3661',  // primary
    navyDeep:    '#112645',  // hover/pressed
    navySoft:    '#2d4a78',  // secondary
    pink:        '#D48CBF',  // accent
    pinkDeep:    '#B76FA2',  // pressed
    pinkWash:    '#F7EAF1',  // large surfaces
    ivory:       '#FAF7F2',  // warm background
    ivoryDeep:   '#F2ECE2',  // section alt
    paper:       '#FFFFFF',
    ink:         '#1A1A1A',  // body
    inkSoft:     '#4A4A4A',  // secondary body
    inkMute:     '#8A857E',  // meta
    hairline:    'rgba(27, 54, 97, 0.12)',
    hairlineSoft:'rgba(27, 54, 97, 0.06)',
  },
  // Type scale — Fraunces (display) + Inter (UI/body)
  font: {
    display: "'Fraunces', 'Times New Roman', serif",
    sans:    "'Inter', -apple-system, system-ui, sans-serif",
    mono:    "'JetBrains Mono', ui-monospace, monospace",
  },
  // Tracking
  track: {
    tightDisplay: '-0.02em',
    tightUI:      '-0.01em',
    wideEyebrow:  '0.18em',
  },
  // Spacing (8-based)
  s: (n) => `${n * 8}px`,
  // Radii
  r: { sm: 4, md: 8, lg: 14, xl: 24, pill: 999 },
};

// Pink intensity dial (applied via Tweaks)
function accentColor(intensity) {
  // intensity: 0 (barely there) … 1 (confident)
  // We don't change the hex, we change how prominent pink is.
  return TOKENS.color.pink;
}

Object.assign(window, { TOKENS, accentColor });