/**
 * Enhanced GraphQL syntax highlighting
 * For better visualization of GraphQL code in articles
 */

/* GraphQL-specific highlighting overrides */
pre[data-language="GRAPHQL"] .highlight {
  color: #f0f0f0;
  background-color: #1a1a1a;
}

pre[data-language="GRAPHQL"] code {
  background-color: #1a1a1a !important;
}

/* Query keyword */
pre[data-language="GRAPHQL"] .highlight .k {
  color: #ff79c6 !important;
  font-weight: bold;
}

/* Operation name */
pre[data-language="GRAPHQL"] .highlight .n {
  color: #ff9d00 !important;
}

/* Field name */
pre[data-language="GRAPHQL"] .highlight .p + .nx {
  color: #50fa7b !important;
}

/* Arguments */
pre[data-language="GRAPHQL"] .highlight .nx:not(.p + .nx) {
  color: #8be9fd !important;
}

/* Parentheses and braces */
pre[data-language="GRAPHQL"] .highlight .p {
  color: #f8f8f2 !important;
}

/* Variables */
pre[data-language="GRAPHQL"] .highlight .nv {
  color: #bd93f9 !important;
}

/* Strings */
pre[data-language="GRAPHQL"] .highlight .s, 
pre[data-language="GRAPHQL"] .highlight .s1, 
pre[data-language="GRAPHQL"] .highlight .s2 {
  color: #fe9292 !important;
}

/* Numbers */
pre[data-language="GRAPHQL"] .highlight .mi {
  color: #6be5fd !important;
}

/* Comments */
pre[data-language="GRAPHQL"] .highlight .c,
pre[data-language="GRAPHQL"] .highlight .cm {
  color: #779db0 !important;
  font-style: italic;
}

/* Directive */
pre[data-language="GRAPHQL"] .highlight .o + .k {
  color: #ff79c6 !important;
}