Start moving toward oklch().

web/src/LynxKiteNode.svelte

@@ -87,13 +87,13 @@
     height: 100%;
   }
   .title {
-    background: #ff8800;
+    background: oklch(75% 0.2 55);
     font-weight: bold;
     padding: 8px;
   }
   .handle-name {
     font-size: 12px;
-    color: #840;
+    color: oklch(25% 0.2 55);
     text-align: right;
     white-space: nowrap;
     position: absolute;

web/src/NodeSearch.svelte

@@ -78,7 +78,7 @@
     cursor: pointer;
   }
   .search-result.selected {
-    background-color: #f80;
+    background-color: oklch(75% 0.2 55);
     border-radius: 4px;
   }
   .node-search {

web/src/NodeWithArea.svelte

@@ -46,7 +46,7 @@
 <style>
   .area {
     border-radius: 10px;
-    border: 3px dashed #f80;
+    border: 3px dashed oklch(75% 0.2 55);
     min-width: 400px;
     min-height: 400px;
     max-width: 800px;
@@ -54,7 +54,7 @@
     z-index: 0 !important;
   }
   .title {
-    color: #f80;
+    color: oklch(75% 0.2 55);
     width: 100%;
     text-align: center;
     top: -1.5em;