@import "tailwindcss";

@theme {
  --color-brand-50: #f2f5ff;
  --color-brand-100: #e1e7ff;
  --color-brand-200: #c3cffe;
  --color-brand-300: #9caefc;
  --color-brand-400: #7086f8;
  --color-brand-500: #4b62f0;
  --color-brand-600: #3646d6;
  --color-brand-700: #2b36ac;
  --color-brand-800: #262f88;
  --color-brand-900: #232b6d;

  --font-sans: 'Inter', system-ui, 'Segoe UI', Roboto, sans-serif;
}

@font-face {
  font-family: 'Virgil';
  src: url('https://excalidraw.com/virgil.woff2') format('woff2');
  font-display: swap;
}

.font-handwritten {
  font-family: 'Virgil', 'Architects Daughter', 'Shantell Sans', 'Caveat', cursive, sans-serif;
}

textarea::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

textarea {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
  overflow: hidden !important;
  resize: none !important;
}

html,
body,
#root {
  height: 100%;
}

body {
  margin: 0;
  font-family: var(--font-sans);
  color-scheme: dark;
  background-color: #0b0d12;
  color: #e5e7eb;
}