@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=JetBrains+Mono:wght@300;400;500&display=swap";
/* [project]/styles/globals.css [client] (css) */
:root {
  --bg: #f5f3ee;
  --bg-card: #fff;
  --bg-hover: #edeae3;
  --border: #e2ddd6;
  --text-primary: #1a1714;
  --text-secondary: #6b6560;
  --text-muted: #9e9890;
  --accent: #1a1714;
  --accent-fg: #f5f3ee;
  --accent-blue: #2563eb;
  --accent-green: #16a34a;
  --accent-red: #dc2626;
  --accent-yellow: #d97706;
  --shadow: 0 1px 3px #0000000f, 0 1px 2px #0000000a;
  --shadow-md: 0 4px 6px #0000000d, 0 2px 4px #0000000a;
  --radius: 10px;
  --font-display: "Syne", sans-serif;
  --font-mono: "JetBrains Mono", monospace;
}

[data-theme="dark"] {
  --bg: #0f0e0d;
  --bg-card: #1a1917;
  --bg-hover: #242220;
  --border: #2e2c29;
  --text-primary: #f0ede8;
  --text-secondary: #9e9890;
  --text-muted: #6b6560;
  --accent: #f0ede8;
  --accent-fg: #0f0e0d;
  --shadow: 0 1px 3px #0000004d;
  --shadow-md: 0 4px 6px #0000004d;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
}

body {
  background: var(--bg);
  color: var(--text-primary);
  font-family: var(--font-display);
  min-height: 100vh;
  transition: background .2s, color .2s;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  cursor: pointer;
  font-family: var(--font-display);
  border: none;
  outline: none;
}

input, textarea {
  font-family: var(--font-display);
  outline: none;
}

::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: none;
}

::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 3px;
}

.fade-in {
  animation: .3s forwards fadeIn;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.spinner {
  border: 2px solid var(--border);
  border-top-color: var(--accent);
  border-radius: 50%;
  width: 18px;
  height: 18px;
  animation: .7s linear infinite spin;
  display: inline-block;
}

/*# sourceMappingURL=styles_globals_dc36e6c9.css.map*/