export const theme = {
  name: "Cyberdream Dark",
  kind: "dark",
  main: "rgba(22, 24, 26, 0.6)", // Base - with 40% transparency
  mainAlt: "rgba(30, 33, 36, 0.6)", // Mantle - with 40% transparency
  minor: "rgba(60, 64, 72, 0.6)", // Crust - with 40% transparency
  red: "#ff6e5e", // Red
  green: "#5eff6c", // Neon Green
  yellow: "#f1ff5e", // Yellow
  orange: "#ffbd5e", // Orange
  blue: "#5ea1ff", // Blue
  magenta: "#ff5ef1", // Magenta
  cyan: "#5ef1ff", // Cyan
  black: "#16181a", // Base
  white: "#ffffff", // Text
  foreground: "#ffffff", // Text
  transparentDark: "rgba(0, 0, 0, 0.05)",
  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
  barHeight: "34px",
  compactBarHeight: "28px",
  barRadius: "3px",
  barBorder: "0px solid transparent",
  barInnerMargin: "3px",
  itemRadius: "2px",
  itemInnerMargin: "3px 7px",
  itemOuterMargin: "0 0 0 5px",
  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
  focusRing: "0 0 0 2px rgb(255, 255, 255)",
  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
  clickEffect: "rgba(255, 255, 255, 0.3)",
};