// Design tokens for Moment — HYPE Dark Edition
// Dark Navy × Hot Pink × Purple × Blue Gradients

const M = {
  // ── Backgrounds — Dark Navy ───────────────────────────────────────────────
  bg:    '#0f0f17',     // darkest canvas
  cream: '#16161e',     // base bg
  paper: '#1e1e2a',     // card bg
  ivory: '#252538',     // elevated overlay

  // ── Text ─────────────────────────────────────────────────────────────────
  ink:   '#ffffff',     // primary text (white)
  ink2:  '#b0b0d0',     // secondary
  ink3:  '#70708a',     // tertiary
  ink4:  '#2a2a3e',     // hairline / placeholder

  // ── Primary accent — Hot Pink ────────────────────────────────────────────
  coral:     '#f43f5e',
  coralDark: '#e11d48',
  coralSoft: '#1f0a14',

  // ── Success — Neon Green ──────────────────────────────────────────────────
  sage:     '#34d399',
  sageSoft: '#0a1e14',

  // ── Secondary — Gold Yellow ───────────────────────────────────────────────
  sun:     '#fbbf24',
  sunSoft: '#1a1400',

  // ── Purple ────────────────────────────────────────────────────────────────
  rose:     '#a855f7',
  roseSoft: '#1a0a2e',

  // ── Blue ─────────────────────────────────────────────────────────────────
  point:     '#4a6cf7',
  pointSoft: '#0a0e28',

  // ── Brand colors ─────────────────────────────────────────────────────────
  kakao:     '#fee500',
  kakaoText: '#191919',
  igInk:     '#ffffff',

  // ── Shadows — Deep Dark ───────────────────────────────────────────────────
  shadowSoft:  '0 1px 3px rgba(0,0,0,0.6), 0 4px 16px rgba(0,0,0,0.4)',
  shadowCard:  '0 2px 8px rgba(0,0,0,0.7), 0 12px 32px rgba(0,0,0,0.5)',
  shadowFloat: '0 8px 24px rgba(0,0,0,0.8), 0 24px 64px rgba(0,0,0,0.6)',

  // ── Fonts ─────────────────────────────────────────────────────────────────
  fontBody:     "'IBM Plex Sans KR', system-ui, sans-serif",
  fontHand:     "'Jua', 'IBM Plex Sans KR', system-ui, sans-serif",
  fontDodum:    "'IBM Plex Sans KR', system-ui, sans-serif",
  fontSerif:    "'IBM Plex Sans KR', system-ui, sans-serif",
  fontMono:     "ui-monospace, 'SF Mono', 'Fira Code', monospace",
  fontTemplate: "'IBM Plex Sans KR', system-ui, sans-serif",

  // ── Radii ─────────────────────────────────────────────────────────────────
  r1: 8, r2: 12, r3: 16, r4: 20, r5: 28,
};

window.M = M;