/**
 * Module: Single place for all color definitions in code (see index.css for full defs).
 */

/** Semantic colors for application. */
// prettier-ignore
export const APP_COLORS = {
  bgDefault:          'var(--clr-prim-100)',
  bgInput:            'var(--clr-prim-0)', 
  bgControls:         'var(--clr-prim-200)',
  bgPrimary:          'var(--clr-sec-600)',
  bgSelected:         'var(--clr-sec-200)',
  bgActiveSelection:  'var(--clr-select-node)',
  bgHover:            'var(--clr-sec-100)',
  
  border:             'var(--clr-prim-400)',

  fgDefault:          'var(--clr-prim-999)',
  fgSelected:         'var(--clr-prim-999)', 
  fgMuted:            'var(--clr-prim-600)',
  fgWarning:          'var(--clr-warn-600)',

  bgRed:              'var(--acc-bg-red)',
  bgGreen:            'var(--acc-bg-green)',
  bgBlue:             'var(--acc-bg-blue)',
  bgPurple:           'var(--acc-bg-purple)',
  bgTeal:             'var(--acc-bg-teal)',
  bgOrange:           'var(--acc-bg-orange)',

  bgGreen25:          'var(--acc-bg-green25)',
  bgGreen50:          'var(--acc-bg-green50)',

  fgRed:              'var(--acc-fg-red)',
  fgGreen:            'var(--acc-fg-green)',
  fgBlue:             'var(--acc-fg-blue)',
  fgPurple:           'var(--acc-fg-purple)',
  fgTeal:             'var(--acc-fg-teal)',
  fgOrange:           'var(--acc-fg-orange)'
} as const
