/* Rhyme Theme Colors - Matching the syntax highlighter */
:root {
  /* Dark theme colors (default) */
  --rhyme-flowdef: #61afef;
  --rhyme-element: #61afef;
  --rhyme-action: #4a90d9;
  --rhyme-modifier-action: #3d7cb8;
  --rhyme-directive: #4a90d9;
  --rhyme-icon: #d19a66;
  --rhyme-image: #d19a66;
  --rhyme-string: #98c379;
  --rhyme-number: #98c379;
  --rhyme-boolean: #98c379;
  --rhyme-variable: #e5c07b;
  --rhyme-system-variable: #98c379;
  --rhyme-color: #c678dd;
  --rhyme-tag: #c678dd;
  --rhyme-modifier: #c678dd;
  --rhyme-font: #c678dd;
  --rhyme-ref: #a85fc4;
  --rhyme-sound: #c678dd;
  --rhyme-resource: #d19a66;
  --rhyme-comment: #5c6a7c;
  --rhyme-keyword: #c678dd;
  --rhyme-operator: #56b6c2;
  --rhyme-text: #abb2bf;
  --rhyme-error: #e06c75;
}

body.light {
  /* Light theme colors */
  --rhyme-flowdef: #0184bc;
  --rhyme-element: #0184bc;
  --rhyme-action: #016ba3;
  --rhyme-modifier-action: #015289;
  --rhyme-directive: #016ba3;
  --rhyme-icon: #986801;
  --rhyme-image: #986801;
  --rhyme-string: #50a14f;
  --rhyme-number: #50a14f;
  --rhyme-boolean: #50a14f;
  --rhyme-variable: #c18401;
  --rhyme-system-variable: #50a14f;
  --rhyme-color: #a626a4;
  --rhyme-tag: #a626a4;
  --rhyme-modifier: #a626a4;
  --rhyme-font: #a626a4;
  --rhyme-ref: #8a1f8a;
  --rhyme-sound: #a626a4;
  --rhyme-resource: #986801;
  --rhyme-comment: #9ca0b0;
  --rhyme-keyword: #a626a4;
  --rhyme-operator: #0184bc;
  --rhyme-text: #383a42;
  --rhyme-error: #e45649;
}

/* Apply Rhyme colors to navigation icons */
.nav-tags-icon {
  color: var(--rhyme-tag);
}

.nav-actions-icon {
  color: var(--rhyme-action);
}

.nav-variables-icon {
  color: var(--rhyme-variable);
}

.nav-values-icon {
  color: var(--rhyme-string) !important;
}

/* More specific selector as backup */
iconify-icon.nav-values-icon {
  color: var(--rhyme-string) !important;
}

.nav-blocks-icon {
  color: var(--rhyme-flowdef) !important;
}

iconify-icon.nav-blocks-icon {
  color: var(--rhyme-flowdef) !important;
}

.nav-images-icon {
  color: var(--rhyme-image);
}

iconify-icon.nav-images-icon {
  color: var(--rhyme-image);
}

.nav-icons-icon {
  color: var(--rhyme-icon);
}

iconify-icon.nav-icons-icon {
  color: var(--rhyme-icon);
}

.nav-colors-icon {
  color: var(--rhyme-color);
}

iconify-icon.nav-colors-icon {
  color: var(--rhyme-color);
}

.nav-fonts-icon {
  color: var(--rhyme-font);
}

iconify-icon.nav-fonts-icon {
  color: var(--rhyme-font);
}

.nav-sounds-icon {
  color: var(--rhyme-sound);
}

iconify-icon.nav-sounds-icon {
  color: var(--rhyme-sound);
}

.nav-tutorials-icon {
  color: var(--rhyme-action);
}

iconify-icon.nav-tutorials-icon {
  color: var(--rhyme-action);
}

/* Action links - inline code that links to action documentation */
.action-link {
  text-decoration: none;
  border-bottom: 1px dotted var(--rhyme-action);
}

.action-link:hover {
  border-bottom-style: solid;
}

.action-link code {
  cursor: pointer;
}