@tailwind base;
@tailwind components;
@tailwind utilities;

@import './partials/custom-select.css';
@import './partials/sidebar.css';
@import './partials/amount-filter.css';
@import './partials/date-filter.css';

:root {
  --breakpoint-sm: 640px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
  --breakpoint-2xl: 1536px;

  --base-100: #f7f7f7;
  --bg-secondary: #e5e7eb;
  --primary: #15b4b6;
  --primary-content: #ffffff;
  --secondary: #9ecdca;
  --accent: #1dc9a1;
  --neutral: #030c16;
  --success: #22df69;
  --warning: #e6b613;
  --error: #e95631;
}

body {
  color: #3c3c3b;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}