gitfor/platform

@import "tailwindcss" source('../');
@import "@fontsource/ibm-plex-sans/400.css";
@import "@fontsource/ibm-plex-sans/500.css";
@import "@fontsource/ibm-plex-sans/600.css";
@import "@fontsource/ibm-plex-mono/400.css";
@import "@fontsource/ibm-plex-mono/500.css";

@theme {
  --font-sans: "IBM Plex Sans", ui-sans-serif, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --color-accent-300: #ffb27a;
  --color-accent-400: #ff9348;
  --color-accent-500: #f6821f;
  --color-accent-600: #d96a0b;
  --color-accent-950: #2a1404;
}

@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    border-color: var(--color-gray-800, currentcolor);
  }

  html {
    color-scheme: dark;
  }

  html,
  body {
    @apply bg-gray-950 font-sans text-gray-200 antialiased;
  }

  body {
    background-image:
      radial-gradient(circle at 1px 1px, rgb(255 255 255 / 0.035) 1px, transparent 0),
      linear-gradient(to bottom, rgb(246 130 31 / 0.04), transparent 320px);
    background-size: