@import "tailwindcss";
@import "@nuxt/ui-pro";

@theme static {
  --font-sans: "SF Pro Text", "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, "Liberation Mono", Menlo, monospace;
  --color-green-50: #f4fbf2;
  --color-green-100: #e7f7e1;
  --color-green-200: #cdeec4;
  --color-green-300: #a6e095;
  --color-green-400: #69c350;
  --color-green-500: #53ad3a;
  --color-green-600: #418e2b;
  --color-green-700: #357025;
  --color-green-800: #2d5922;
  --color-green-900: #254a1d;
  --color-green-950: #10280b;
}

:root {
  --ui-container: 90rem;
}

body {
  font-family: var(--font-sans);
}