/* Base */
@import "./base/reset.css";
/* REMOVE: @import "./base/variables.css"; */
/* REMOVE: @import "./base/typography.css"; */
@import "./base/layout.css";

/* Components */
@import "./components/header.css";
@import "./components/footer.css";
@import "./components/sidebar.css";
@import "./components/workarea.css";
@import "./components/editor.css";
@import "./components/modal.css";
@import "./components/buttons.css";
@import "./components/theme-selector.css";
@import "./components/tabs.css";

/* Markdown */
@import "./markdown/markdown.css";
@import "./markdown/highlight.css"; /* FIXED */

/* Theme */
@import "./themes/light.css";
@import "./themes/dark.css";
@import "./themes/solarized.css";
@import "./themes/arctic.css";
@import "./themes/forest.css";

html, body, .app-wrapper {
  height: 100% !important;
  min-height: 100% !important;
  overflow: visible !important;
}

.app-wrapper {
  height: 100vh !important;
  overflow: visible !important;
}

.recent-files h3 {
  opacity: 0.6;
}
.recent-files .beta-tag {
  font-size: 0.7rem;
  color: var(--tab-accent);
  margin-left: 5px;
}
.recent-files .file-tree-empty {
  font-size: 0.8rem;
  color: var(--tab-text);
  margin-top: 10px;
  opacity: 0.5;
}