Untitled

const preset = require('../tailwind.preset.js');

const tokens = require('./tokens.json');

/** @type {import('tailwindcss').Config} */
module.exports = {
  presets: [preset],
  theme: {
    extend: {
      colors: {
        black: tokens.colors.black,
        bodyCopy: tokens.colors.black,
        danger: tokens.colors.danger,
        header: {
          DEFAULT: tokens.colors.white,
          foreground: tokens.colors.gray[400],
          line: tokens.colors.primary,
          primary: {
            DEFAULT: tokens.colors.primary,
            hover: tokens.colors.secondary,
            text: tokens.colors.gray[600],
          },
          ribbon: tokens.colors.gray[400],
          secondary: {
            DEFAULT: tokens.colors.gray[300],
          },
        },
        info: tokens.colors.primary,
        muted: tokens.colors.gray[200],
        primary: tokens.colors.primary,
        secondary: tokens.colors.secondary,
        success: tokens.colors.primary,
        tertiary: tokens.colors.tertiary,
        text: {
          DEFAULT: tokens.colors.gray[600],
          muted: tokens.colors.gray[500],
        },
        warning: tokens.colors.warning,
        white: tokens.colors.white,
      },
    },
  },
};