text: export default {
    font: {
      weight: 500,
      normal: '12px',
      big: '16px',
    },
    sizes: {
      radius: '4px',
      fieldHeight: '40px',
      spacing: '20px',
      loading: '60px',
    },
    mixins: {
      hexToRgba(color, opacity) {
        const R = parseInt(color.substring(1, 3), 16);
        const G = parseInt(color.substring(3, 5), 16);
        const B = parseInt(color.substring(5, 7), 16);
  
        return `rgba(${R}, ${G}, ${B}, ${opacity})`;
      },
      transition(property = 'all', timing = '0.2s', type = 'ease-in-out') {
        return `transition: ${property} ${timing} ${type}`;
      },
    },
  };
  