'use strict';

var index = {
  colorScheme: {
    light: {
      primary: {
        background: '{primary.100}',
        color: '{primary.700}'
      },
      secondary: {
        background: '{surface.100}',
        color: '{surface.600}'
      },
      success: {
        background: '{green.100}',
        color: '{green.700}'
      },
      info: {
        background: '{sky.100}',
        color: '{sky.700}'
      },
      warn: {
        background: '{orange.100}',
        color: '{orange.700}'
      },
      danger: {
        background: '{red.100}',
        color: '{red.700}'
      },
      contrast: {
        background: '{surface.950}',
        color: '{surface.0}'
      }
    },
    dark: {
      primary: {
        background: 'color-mix(in srgb, {primary.500}, transparent 84%)',
        color: '{primary.300}'
      },
      secondary: {
        background: '{surface.800}',
        color: '{surface.300}'
      },
      success: {
        background: 'color-mix(in srgb, {green.500}, transparent 84%)',
        color: '{green.300}'
      },
      info: {
        background: 'color-mix(in srgb, {sky.500}, transparent 84%)',
        color: '{sky.300}'
      },
      warn: {
        background: 'color-mix(in srgb, {orange.500}, transparent 84%)',
        color: '{orange.300}'
      },
      danger: {
        background: 'color-mix(in srgb, {red.500}, transparent 84%)',
        color: '{red.300}'
      },
      contrast: {
        background: '{surface.0}',
        color: '{surface.950}'
      }
    }
  }
};

module.exports = index;
