// Three palette directions for the hi-fi Home Hub dashboard.
// All three share layout, typography, and spacing — only color tokens differ.
// Type: Instrument Serif (display) + Geist (body) + Geist Mono (numerals/specs).

// Sans-only — Geist for everything, with weight + tracking variation for hierarchy.
const HIFI_FONT_DISPLAY = '"Geist", "Hanken Grotesk", system-ui, -apple-system, sans-serif';
const HIFI_FONT_BODY    = '"Geist", "Hanken Grotesk", system-ui, -apple-system, sans-serif';
const HIFI_FONT_MONO    = '"Geist Mono", "JetBrains Mono", ui-monospace, Menlo, monospace';

// Lime Studio — matches the reference image exactly.
// Warm cream paper, white cards, vivid lime/chartreuse primary.
const THEME_LIME = {
  id: 'lime',
  name: 'Lime Studio',
  blurb: 'Warm cream paper, white cards, vivid lime accent — utility tool with bite.',
  paper:      '#f3f1ec',
  card:       '#ffffff',
  ink:        '#1a1916',
  inkSoft:    '#6b6962',
  inkFaint:   '#adaba2',
  border:     '#e8e6df',
  borderSoft: '#efede7',
  divider:    '#ecebe5',
  accent:     '#ccff33',
  accentDeep: '#a8d420',
  accentInk:  '#1a1916',
  // status
  overdue:    '#d93b30',
  overdueBg:  '#fbe5e3',
  soon:       '#c4d11f',
  soonBg:     '#f4f8d8',
  ok:         '#4a8a45',
  okBg:       '#e4eee0',
  info:       '#9a9890',
  infoBg:     '#ecebe5',
  // ui
  hover:      '#f7f5ef',
  inputBg:    '#f7f5ef',
  shadowCard: '0 1px 0 rgba(20,18,12,0.02), 0 1px 2px rgba(20,18,12,0.03)',
};

// Sage Calm — same warmth, swap lime for a muted sage. Quieter, more domestic.
const THEME_SAGE = {
  id: 'sage',
  name: 'Sage Calm',
  blurb: 'Same warmth, muted sage primary, gold for "due soon" — quieter, more domestic.',
  paper:      '#f3f1ec',
  card:       '#ffffff',
  ink:        '#1a1916',
  inkSoft:    '#6b6962',
  inkFaint:   '#adaba2',
  border:     '#e8e6df',
  borderSoft: '#efede7',
  divider:    '#ecebe5',
  accent:     '#5b7d62',
  accentDeep: '#3f5a47',
  accentInk:  '#ffffff',
  overdue:    '#b85842',
  overdueBg:  '#f3e1dc',
  soon:       '#c8a849',
  soonBg:     '#f5ecd6',
  ok:         '#5b7d62',
  okBg:       '#e3ece4',
  info:       '#9a9890',
  infoBg:     '#ecebe5',
  hover:      '#f7f5ef',
  inputBg:    '#f7f5ef',
  shadowCard: '0 1px 0 rgba(20,18,12,0.02), 0 1px 2px rgba(20,18,12,0.03)',
};

// Stone & Terracotta — cooler stone paper, terracotta primary, architectural.
const THEME_STONE = {
  id: 'stone',
  name: 'Stone & Terracotta',
  blurb: 'Cooler stone paper, terracotta primary, drier feel — architectural.',
  paper:      '#ecebe6',
  card:       '#ffffff',
  ink:        '#1f1d1a',
  inkSoft:    '#69675f',
  inkFaint:   '#aaa89e',
  border:     '#e2e0d9',
  borderSoft: '#eae8e1',
  divider:    '#e5e3dc',
  accent:     '#c25a3e',
  accentDeep: '#9a4429',
  accentInk:  '#ffffff',
  overdue:    '#b54a37',
  overdueBg:  '#f1ddd6',
  soon:       '#c89248',
  soonBg:     '#f3e6d2',
  ok:         '#6a7d5b',
  okBg:       '#e6ebde',
  info:       '#969489',
  infoBg:     '#e8e6df',
  hover:      '#f4f2ec',
  inputBg:    '#f4f2ec',
  shadowCard: '0 1px 0 rgba(20,18,12,0.02), 0 1px 2px rgba(20,18,12,0.03)',
};

window.HIFI = {
  FONT_DISPLAY: HIFI_FONT_DISPLAY,
  FONT_BODY:    HIFI_FONT_BODY,
  FONT_MONO:    HIFI_FONT_MONO,
  THEMES: { lime: THEME_LIME, sage: THEME_SAGE, stone: THEME_STONE },
};