tailwind.config.js

module.exports = {
  content: ["./src/**/*.{cljs,cljc}"],
  theme: {
    extend: {
      fontFamily: {
        nes: ['"Press Start 2P"', "monospace"],
      },
      colors: {
        "yo-blue": {
          100: "#E8EBED",
          200: "#C7CCD2",
          300: "#A5ADB7",
          400: "#617082",
          500: "#1D334C",
          600: "#1A2E44",
          700: "#111F2E",
          800: "#0D1722",
          900: "#090F17",
        },
        "city-black": {
          100: "#E6E6E7",
          200: "#C0C0C2",
          300: "#9A9A9D",
          400: "#4E4E54",
          500: "#02020B",
          600: "#02020A",
          700: "#010107",
          800: "#010105",
          900: "#010103",
        },
        "city-brown-dark": {
          100: "#ECE9EA",
          200: "#CFC8CB",
          300: "#B2A7AC",
          400: "#79646E",
          500: "#3F2230",
          600: "#391F2B",
          700: "#26141D",
          800: "#1C0F16",
          900: "#130A0E",
        },
        "city-brown": {
          100: "#F2ECEC",
          200: "#DECECF",
          300: "#CAB1B3",
          400: "#A27779",
          500: "#7A3C40",
          600: "#6E363A",
          700: "#492426",
          800: "#371B1D",
          900: "#251213",
        },
        "city-brown-light": {
          100: "#F8EFEF",
          200: "#EFD7D7",
          300: "#E5BFBF",
          400: "#D1908E",
          500: "#BD605E",
          600: "#AA5655",
          700: "#713A38",
          800: "#552B2A",
          900: "#391D1C",
        },
        "city-tan": {
          100: "#FCF7F2",
          200: "#F8ECDE",
          300: "#F3E1CA",
          400: "#EBCAA2",
          500: "#E2B37A",
          600: "#CBA16E",
          700: "#886B49",
          800: "#665137",
          900: "#443625",
        },
        "city-orange": {
          100: "#FEF0ED",
          200: "#FDD9D3",
          300: "#FBC2B8",
          400: "#F99482",
          500: "#F6664D",
          600: "#DD5C45",
          700: "#943D2E",
          800: "#6F2E23",
          900: "#4A1F17",
        },
        "city-orange-light": {
          100: "#FEF4EE",
          200: "#FDE4D4",
          300: "#FCD3BB",
          400: "#F9B387",
          500: "#F79254",
          600: "#DE834C",
          700: "#945832",
          800: "#6F4226",
          900: "#4A2C19",
        },
        "city-yellow": {
          100: "#FFF8F0",
          200: "#FEEED9",
          300: "#FEE4C2",
          400: "#FDCF94",
          500: "#FCBB66",
          600: "#E3A85C",
          700: "#97703D",
          800: "#71542E",
          900: "#4C381F",
        },
        "city-red": {
          100: "#FDE7EB",
          200: "#FBC2CC",
          300: "#F89DAD",
          400: "#F35470",
          500: "#EE0A33",
          600: "#D6092E",
          700: "#8F061F",
          800: "#6B0517",
          900: "#47030F",
        },
        "city-red-dark": {
          100: "#F5E7EB",
          200: "#E7C4CD",
          300: "#D9A1AF",
          400: "#BC5A73",
          500: "#9F1337",
          600: "#8F1132",
          700: "#5F0B21",
          800: "#480919",
          900: "#300611",
        },
        "city-pink": {
          100: "#FDECFC",
          200: "#FBD0F7",
          300: "#F8B3F2",
          400: "#F27BE9",
          500: "#ED42DF",
          600: "#D53BC9",
          700: "#8E2886",
          800: "#6B1E64",
          900: "#471443",
        },
        "city-purple": {
          100: "#F6ECF9",
          200: "#E8CFF0",
          300: "#DBB1E6",
          400: "#BF77D4",
          500: "#A43DC1",
          600: "#9437AE",
          700: "#622574",
          800: "#4A1B57",
          900: "#31123A",
        },
        "city-purple-dark": {
          100: "#ECE6ED",
          200: "#D0C1D2",
          300: "#B49CB7",
          400: "#7C5181",
          500: "#44074B",
          600: "#3D0644",
          700: "#29042D",
          800: "#1F0322",
          900: "#140217",
        },
        "city-green-light": {
          100: "#F1FEF0",
          200: "#DCFCD9",
          300: "#C7FBC2",
          400: "#9DF794",
          500: "#73F466",
          600: "#68DC5C",
          700: "#45923D",
          800: "#346E2E",
          900: "#23491F",
        },
        "city-green": {
          100: "#EEF8ED",
          200: "#D4EED2",
          300: "#B9E3B7",
          400: "#85CF81",
          500: "#51BA4B",
          600: "#49A744",
          700: "#31702D",
          800: "#245422",
          900: "#183817",
        },
        "city-green-dark": {
          100: "#E9F0EA",
          200: "#C7DACA",
          300: "#A6C3AA",
          400: "#63966A",
          500: "#20692A",
          600: "#1D5F26",
          700: "#133F19",
          800: "#0E2F13",
          900: "#0A200D",
        },
        "city-aqua-dark": {
          100: "#EBF4F4",
          200: "#CCE3E4",
          300: "#ADD3D4",
          400: "#70B1B4",
          500: "#339094",
          600: "#2E8285",
          700: "#1F5659",
          800: "#174143",
          900: "#0F2B2C",
        },
        "city-aqua-light": {
          100: "#EDFCFA",
          200: "#D2F7F3",
          300: "#B6F1EB",
          400: "#80E7DC",
          500: "#49DDCD",
          600: "#42C7B9",
          700: "#2C857B",
          800: "#21635C",
          900: "#16423E",
        },
        "city-blue": {
          100: "#EAFCFD",
          200: "#CBF7FA",
          300: "#ABF2F6",
          400: "#6DE9F0",
          500: "#2EDFE9",
          600: "#29C9D2",
          700: "#1C868C",
          800: "#156469",
          900: "#0E4346",
        },
        "city-blue-alt": {
          100: "#EAF6F8",
          200: "#CAE8ED",
          300: "#AAD9E2",
          400: "#6BBDCC",
          500: "#2BA1B6",
          600: "#2791A4",
          700: "#1A616D",
          800: "#134852",
          900: "#0D3037",
        },
        "city-blue-black": {
          100: "#E6E7EA",
          200: "#C1C3C9",
          300: "#9C9FA9",
          400: "#525669",
          500: "#080E28",
          600: "#070D24",
          700: "#050818",
          800: "#040612",
          900: "#02040C",
        },
        "city-blue-dark": {
          100: "#E8EAED",
          200: "#C6CBD2",
          300: "#A3ACB7",
          400: "#5F6D80",
          500: "#1A2F4A",
          600: "#172A43",
          700: "#101C2C",
          800: "#0C1521",
          900: "#080E16",
        },
        "city-blue-gray": {
          100: "#EAEEF0",
          200: "#CAD4DA",
          300: "#A9BAC4",
          400: "#698697",
          500: "#29526B",
          600: "#254A60",
          700: "#193140",
          800: "#122530",
          900: "#0C1920",
        },
      },
    },
  },
  plugins: [],
};