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

:root {
  --background: #ffffff;
  --foreground: #171717;
}

/* @media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
  }
} */

body {
  color: var(--foreground);
  background: var(--background);
  font-family: Arial, Helvetica, sans-serif;
}

.top-bar {
  display: flex;
  justify-content: space-between;
  background: oklch(30% 0.13 230);
  color: white;
}
.ws-name {
  font-size: 1.5em;
}
.ws-name img {
  height: 1.5em;
  vertical-align: middle;
  margin: 4px;
}
.page {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

.tools {
  display: flex;
  align-items: center;
}
.tools a {
  color: oklch(75% 0.13 230);
  font-size: 1.5em;
  padding: 0 10px;
}