tailwind.config.ts

import { type Config } from "tailwindcss";

const colors = {
  "daintree": {
    DEFAULT: "#00202E",
    50: "#8ADBFF",
    100: "#75D5FF",
    200: "#4DC9FF",
    300: "#24BCFF",
    400: "#00AEFA",
    500: "#0092D1",
    600: "#0075A8",
    700: "#005980",
    800: "#003C57",
    900: "#00202E",
    950: "#000C12",
  },
  "astronaut-blue": {
    DEFAULT: "#003F5C",
    50: "#8FDCFF",
    100: "#7BD5FF",
    200: "#52C8FF",
    300: "#29BCFF",
    400: "#00AFFF",
    500: "#0093D6",
    600: "#0077AE",
    700: "#005B85",
    800: "#003F5C",
    900: "#001924",
    950: "#000508",
  },
  "astronaut": {
    DEFAULT: "#2C4875",
    50: "#C2D1E8",
    100: "#B3C5E3",
    200: "#96AFD7",
    300: "#7898CC",
    400: "#5A82C1",
    500: "#426CB0",
    600: "#375A93",
    700: "#2C4875",
    800: "#1D2F4C",
    900: "#0D1623",
    950: "#06090F",
  },
  "trendy-pink": {
    DEFAULT: "#8A508F",
    50: "#E7D7E9",
    100: "#DFCAE1",
    200: "#D0B0D3",
    300: "#C095C4",
    400: "#B17BB5",
    500: "#A161A7",
    600: "#8A508F",
    700: "#673C6B",
    800: "#452847",
    900: "#221423",
    950: "#100A11",
  },
  "mulberry": {
    DEFAULT: "#BC5090",
    50: "#EFD5E4",
    100: "#E9C6DB",
    200: "#DEA9C8",
    300: "#D38BB5",
    400: "#C76EA3",
    500: "#BC5090",
    600: "#993B73",
    700: "#712B54",
    800: "#481C36",
    900: "#200C18",
    950: "#0B0408",
  },
  "bittersweet": {
    DEFAULT: "#FF6361",
    50: "#FFF0F0",
    100: "#FFDCDB",
    200: "#FFB4B3",
    300: "#FF8B8A",
    400: "#FF6361",
    500: "#FF2C29",
    600: "#F00300",
    700: "#B80200",
    800: "#800200",
    900: "#470100",
    950: "#2B0100",
  },
  "crusta": {
    DEFAULT: "#FF8531",
    50: "#FFF2E9",
    100: "#FFE6D4",
    200: "#FFCDAB",
    300: "#FFB583",
    400: "#FF9D5A",
    500: "#FF8531",
    600: "#F86500",
    700: "#C04E00",
    800: "#883700",
    900: "#502000",
    950: "#341500",
  },
  "web-orange": {
    DEFAULT: "#FFA600",
    50: "#FFE6B8",
    100: "#FFDFA3",
    200: "#FFD17A",
    300: "#FFC252",
    400: "#FFB429",
    500: "#FFA600",
    600: "#C78100",
    700: "#8F5D00",
    800: "#573800",
    900: "#1F1400",
    950: "#030200",
  },
  "grandis": {
    DEFAULT: "#FFD380",
    50: "#FFF6E6",
    100: "#FFEFD2",
    200: "#FFE1A9",
    300: "#FFD380",
    400: "#FFC048",
    500: "#FFAC10",
    600: "#D78C00",
    700: "#9F6800",
    800: "#664300",
    900: "#2E1E00",
    950: "#120C00",
  },
  "woodsmoke": {
    DEFAULT: "#151819",
    50: "#BFC7CA",
    100: "#B3BDC1",
    200: "#9DA9AF",
    300: "#86969C",
    400: "#71828A",
    500: "#5E6D73",
    600: "#4C575D",
    700: "#394246",
    800: "#272D30",
    900: "#151819",
    950: "#08090A",
  },
};

export default {
  content: [
    "{routes,islands,components}/**/*.{ts,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        white: "#FFFDFA",
        black: "#000C12",
        primary: colors.crusta,
        darkBlue: colors.daintree,
        blue: colors["astronaut-blue"],
        darkPurple: colors.astronaut,
        purple: colors["trendy-pink"],
        red: colors.mulberry,
        darkOrange: colors.crusta,
        orange: colors["web-orange"],
        yellow: colors.grandis,
        gray: colors.woodsmoke,
      },
    },
    fontFamily: {
      body: [
        "Nunito",
        "ui-sans-serif",
        "system-ui",
        "-apple-system",
        "system-ui",
        "Segoe UI",
        "Roboto",
        "Helvetica Neue",
        "Arial",
        "Noto Sans",
        "sans-serif",
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji",
      ],
      sans: [
        "Nunito",
        "ui-sans-serif",
        "system-ui",
        "-apple-system",
        "system-ui",
        "Segoe UI",
        "Roboto",
        "Helvetica Neue",
        "Arial",
        "Noto Sans",
        "sans-serif",
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji",
      ],
      mono: [
        "JetBrains Mono",
        "ui-monospace",
        "SFMono-Regular",
        "Menlo",
        "Monaco",
        "Consolas",
        "Liberation Mono",
        "Courier New",
        "monospace",
      ],
    },
  },
} satisfies Config;