/* External fonts must be first to avoid browser @import ordering warnings */
@import url('https://fonts.googleapis.com/css?family=Lobster|Open+Sans:300,400,600,700,800');

@import 'tailwindcss';

@theme {
  --font-anton: 'Anton', 'Arial Narrow', sans-serif;

  /* HundredGraphs design tokens — registered as Tailwind color utilities */
  --color-hg-bg: #111111;
  --color-hg-panel: #1a1a1a;
  --color-hg-border: #2a2a2a;
  --color-hg-hover: #222222;
  --color-hg-text: #e4e4e7;
  --color-hg-muted: #71717a;
  --color-hg-muted2: #a1a1aa;
  --color-hg-faint: #52525b;
  --color-hg-accent: #ec4899;
  --color-hg-accent-hover: #db2777;
  --color-hg-primary: #a855f7;
  --color-hg-success: #22c55e;
}
@source "./imports/**/*.jsx";
@source "./imports/**/*.js";
@source "./client/**/*.js";

/* Bootstrap compat layer — implements Bootstrap utility classes via Tailwind */
@import './imports/ui/stylesheets/__bootstrap-compat.css';

/* App component styles */
@import './imports/ui/stylesheets/__root.css';
@import './imports/ui/stylesheets/__layout.css';
@import './imports/ui/stylesheets/__elements.css';
@import './imports/ui/stylesheets/__landing.css';
@import './imports/ui/stylesheets/__forms.css';
@import './imports/ui/stylesheets/__signin.css';
@import './imports/ui/stylesheets/__footer.css';
@import './imports/ui/stylesheets/__coming.css';
@import './imports/ui/stylesheets/__payment.css';
@import './imports/ui/stylesheets/__statusonline.css';
@import './imports/ui/stylesheets/__timers.css';
@import './imports/ui/stylesheets/__activeclock.css';
@import './imports/ui/stylesheets/__charts.css';
@import './imports/ui/stylesheets/__graphs.css';
@import './imports/ui/stylesheets/__monitors.css';
@import './imports/ui/stylesheets/__profile.css';
@import './imports/ui/stylesheets/__gauges.css';
@import './imports/ui/stylesheets/__enterprize.css';
@import './imports/ui/stylesheets/__chat.css';
@import './imports/ui/stylesheets/__report.css';
@import './imports/ui/stylesheets/__bootstrap-tagsinput.css';
@import './node_modules/js-datepicker/dist/datepicker.min.css';

/* Static CSS assets */
@import './imports/ui/stylesheets/animation.css';
@import './imports/ui/stylesheets/autoform.css';