// CSS import for Astro projects
export const style = "@zillowe/zeno/style.css";

// Font family names for CSS usage
export const fontFamilies = {
  // Sans Series
  sansText: '"Zeno Sans Text", sans-serif',
  sansUI: '"Zeno Sans UI", sans-serif',
  sansDisplay: '"Zeno Sans Display", sans-serif',

  // Serif Series
  serifText: '"Zeno Serif Text", serif',
  serifDisplay: '"Zeno Serif Display", serif',
  serifCaption: '"Zeno Serif Caption", serif',

  // Mono Series
  monoText: '"Zeno Mono Text", monospace',
  monoCode: '"Zeno Mono Code", monospace',
  monoTerminal: '"Zeno Mono Terminal", monospace',
  monoNerd: '"Zeno Mono Nerd", monospace',
};

// CSS variable names for Tailwind/Custom CSS
export const cssVariables = {
  sansText: '--font-zeno-sans-text',
  sansUI: '--font-zeno-sans-ui',
  sansDisplay: '--font-zeno-sans-display',
  serifText: '--font-zeno-serif-text',
  serifDisplay: '--font-zeno-serif-display',
  serifCaption: '--font-zeno-serif-caption',
  monoText: '--font-zeno-mono-text',
  monoCode: '--font-zeno-mono-code',
  monoTerminal: '--font-zeno-mono-terminal',
  monoNerd: '--font-zeno-mono-nerd',
};

// Re-export style for convenience
export { style as default };