@import "tailwindcss";

@theme {
  --font-mono: "Geist Mono", monospace;

  --color-primary: var(--color-base0A);
  --color-secondary: var(--color-base0E);
  --color-tertiary: var(--color-base0F);

  --color-background: var(--color-base00);
  --color-foreground: var(--color-base04);

  --color-muted-background: var(--color-base01);
  --color-muted-foreground: var(--color-base03);

  --color-base00: #161616;
  --color-base01: #262626;
  --color-base02: #393939;
  --color-base03: #525252;
  --color-base04: #dde1e6;
  --color-base0A: #ee5396;
  --color-base0E: #be95ff;
  --color-base0F: #82cfff;

  --container-hweb: var(--container-7xl);
}