import { THEME_COLORS as o } from "./tokens.js";
import { DEFAULT_TRANSITION_CURVE as e, DEFAULT_TRANSITION_DURATION as t } from "./transition.js";
import { fontFamily as r, fontSize as i } from "./typography.js";
import { screens as d } from "./screens.js";
const n = {
  colors: o,
  colCount: {
    2: "2",
    3: "3",
    4: "4",
    5: "5",
    6: "6"
  },
  textColor: o,
  divideColor: {
    default: o.divider.medium
  },
  extend: {
    transitionTimingFunction: {
      default: e,
      popover: "ease-out"
    },
    transitionDuration: {
      default: t,
      popover: "200ms"
    },
    fontFamily: r,
    screens: d,
    fontSize: i,
    flex: {
      2: "2 2 0%"
    },
    zIndex: {
      hidden: "-1",
      docked: "10",
      dropdown: "1000",
      sticky: "1100",
      banner: "1200",
      overlay: "1300",
      modal: "1400",
      popover: "1500",
      toast: "1600",
      tooltip: "1700"
    },
    spacing: {
      144: "36rem",
      192: "48rem"
    },
    borderWidth: {
      1: "1px"
    },
    boxShadow: {
      default: "0px 0px 10px 0px rgba(191, 191, 191, 0.5)"
    }
  }
}, l = n;
export {
  l as theme
};
