/* Global Layout */
@import "layout/layout_themes.css";

@import "layout/layout_top_bar.css";
@import "layout/layout_center_bar.css";
@import "layout/layout_bottom_bar.css";

/* Global */
@import "locale-dropdown/locale_dropdown.css";
@import "theme-switcher/theme_switcher.css";

/* Common */
@import "common.css";

/* ==================================================
	CSS Reset
================================================== */
*, *::before, *::after { box-sizing: border-box; }

html, body { margin: 0; padding: 0; width: 100%; min-height: 100vh; }

/* ==================================================
	Global Styles
================================================== */
body { background-color: var(--color-bg); color: var(--color-text); }

/* Default link styles */
a { color: inherit; text-decoration: none; -webkit-tap-highlight-color: transparent; }

a:focus, a:active { outline: none; }
a:focus-visible { outline: none; box-shadow: 0 0 0 2px rgba(0, 188, 212, 0.4); border-radius: 4px; }

#app { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; /*row-gap: 20px;*/ }