@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap');

:root {
  --color-washi: #F5F3EE;
  --color-washi-light: #FAF9F6;
  --color-washi-card: #FFFFFF;
  --color-ink: #161513;
  --color-ink-muted: #746F66;
  --color-divider: #E2DDD3;
  --color-accent: #C86D44;
}

body {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background-color: var(--color-washi);
  color: var(--color-ink);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.font-mono-tech {
  font-family: 'Space Mono', monospace;
}

/* Hairline borders inspired by Japanese architectural framing */
.hairline-b {
  border-bottom: 1px solid var(--color-divider);
}

.hairline-t {
  border-top: 1px solid var(--color-divider);
}

.hairline-l {
  border-left: 1px solid var(--color-divider);
}

.hairline-r {
  border-right: 1px solid var(--color-divider);
}

.hairline-border {
  border: 1px solid var(--color-divider);
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: var(--color-washi);
}
::-webkit-scrollbar-thumb {
  background: #D5CEBF;
  border-radius: 0;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-ink-muted);
}

/* Dialog / Modal styles */
dialog::backdrop {
  background: rgba(22, 21, 19, 0.6);
  backdrop-filter: blur(4px);
}