const VAR_PATTERN = /^var\(--.*\)$/;
const CONTAINS_VAR_PATTERN = /var\(--.*\)/;
const LINEAR_GRADIENT_PATTERN = /^linear-gradient\(/;
const COLOR_MIX_PATTERN = /^color-mix\([\s\S]+\)$/;
const NON_TOKEN_LENGTH_PATTERN = /^(?!.*var\().*\b\d*\.?\d+(?:px|rem)\b/;

module.exports = {
  ignoreFiles: ['css/tailwind.generated.css', 'bitvid-working-webtorrent/**'],
  rules: {
    'at-rule-no-unknown': [true, { ignoreAtRules: ['tailwind', 'layer', 'apply'] }],
    'import-notation': 'string',
    'color-no-hex': true,
    'declaration-property-value-allowed-list': {
      color: [VAR_PATTERN, 'inherit', 'currentColor'],
      'background-color': [VAR_PATTERN, 'transparent', 'inherit', 'currentColor', COLOR_MIX_PATTERN],
      background: [VAR_PATTERN, CONTAINS_VAR_PATTERN, LINEAR_GRADIENT_PATTERN, 'none', 'transparent'],
      'border-color': [VAR_PATTERN, CONTAINS_VAR_PATTERN, 'transparent', 'inherit', 'currentColor'],
      'outline-color': [VAR_PATTERN, 'transparent', 'inherit', 'currentColor'],
      fill: [VAR_PATTERN, 'none', 'currentColor', 'inherit'],
      stroke: [VAR_PATTERN, 'none', 'currentColor', 'inherit'],
      'box-shadow': [VAR_PATTERN, CONTAINS_VAR_PATTERN, 'none']
    },
    'declaration-property-value-disallowed-list': {
      '/^((margin|padding)(-.+)?|gap|row-gap|column-gap|font-size|border-radius|outline|outline-offset)$/': [
        NON_TOKEN_LENGTH_PATTERN
      ]
    }
  }
};