@import "tailwindcss";
@import "https://www.nerdfonts.com/assets/css/webfont.css";

@theme {
  --font-sans:
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Color Emoji";

  --color-white: #cdd6f4;
  --color-faint: #585b70;
  --color-muted: #313244;

  --color-background: #181825;
  --color-foreground: #1e1e2e;
}

@layer base {
  p {
    font-size: var(--text-base);
    color: var(--color-text_primary);
  }

  h1 {
    font-size: var(--text-2xl);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text_primary);
  }

  h2 {
    font-size: var(--text-xl);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text_primary);
  }

  h3 {
    font-size: var(--text-lg);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text_primary);
  }
}