theme.ts

// Mira — "true mirror" brand tokens (see design_handoff_mira_brand).
export const colors = {
  // Brand palette
  ink: '#1B1815', // primary text, dark surfaces, icon background
  inkSoft: '#5A5249', // secondary/body text on light
  accent: '#BE6A48', // Clay — the off-center dot, sparing accent
  accentDeep: '#9A4F33', // Ember — accent on light, emphasis, links
  bone: '#F2EEE6', // warm page canvas, never pure white
  paper: '#FBF8F2', // cards / raised surfaces
  line: '#E4DDD0', // hairline borders, dividers
  taupe: '#8B7F6E', // captions, mono labels, quiet metadata

  // Roles used across the camera chrome (light text over a dark live feed)
  bg: '#1B1815', // Ink — splash / behind the camera
  text: '#F2EEE6', // Bone — primary text on dark
  textMuted: '#9D968B', // muted text on dark
  accentInk: '#1B1815', // text sitting on accent / bone surfaces
  white: '#FFFFFF',
  overlay: 'rgba(27,24,21,0.55)', // ink scrim
  overlayStrong: 'rgba(27,24,21,0.82)',
};

export const radius = {
  md: 8, // cards / sections
  pill: 100, // pills / toggles
};

// Font families (loaded via @expo-google-fonts in App.tsx).
export const fonts = {
  serif: 'InstrumentSerif_400Regular', // display & wordmark
  sans: 'HankenGrotesk_400Regular', // UI & body
  sansMedium: 'HankenGrotesk_500Medium',
  sansBold: 'HankenGrotesk_700Bold',
  mono: 'SplineSansMono_500Medium', // tracked labels & metadata
};