[
  {
    "name": "nve-config-color-scheme-light",
    "value": "true",
    "description": "Use when configuring a light color scheme theme"
  },
  {
    "name": "nve-ref-scale-text",
    "value": "1",
    "description": "Use for scaling all text size tokens proportionally across your application"
  },
  {
    "name": "nve-ref-scale-size",
    "value": "1",
    "description": "Use for scaling all element sizing tokens proportionally across your application"
  },
  {
    "name": "nve-ref-scale-space",
    "value": "1",
    "description": "Use for scaling all layout spacing tokens proportionally across your application"
  },
  {
    "name": "nve-ref-scale-border-radius",
    "value": "1",
    "description": "Use for scaling all border radius tokens proportionally across your application"
  },
  {
    "name": "nve-ref-scale-border-width",
    "value": "1",
    "description": "Use for scaling all border width tokens proportionally across your application"
  },
  {
    "name": "nve-ref-scale-line-height",
    "value": "1",
    "description": "Use for scaling all line height tokens proportionally across your application"
  },
  {
    "name": "nve-ref-color-white",
    "value": "oklch(100% 0 0)",
    "type": "color",
    "description": "Use for pure white backgrounds or text"
  },
  {
    "name": "nve-ref-color-black",
    "value": "oklch(0% 0 0)",
    "type": "color",
    "description": "Use for pure black backgrounds or text"
  },
  {
    "name": "nve-ref-color-alpha-white-100",
    "value": "oklch(100% 0 0 / 0)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-alpha-white-200",
    "value": "oklch(100% 0 0 / 0.0118)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-alpha-white-300",
    "value": "oklch(100% 0 0 / 0.0314)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-alpha-white-400",
    "value": "oklch(100% 0 0 / 0.0588)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-alpha-white-500",
    "value": "oklch(100% 0 0 / 0.0902)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-alpha-white-600",
    "value": "oklch(100% 0 0 / 0.1216)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-alpha-white-700",
    "value": "oklch(100% 0 0 / 0.1804)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-alpha-white-800",
    "value": "oklch(100% 0 0 / 0.251)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-alpha-white-900",
    "value": "oklch(100% 0 0 / 0.3882)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-alpha-white-1000",
    "value": "oklch(100% 0 0 / 0.451)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-alpha-white-1100",
    "value": "oklch(100% 0 0 / 0.5882)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-alpha-white-1200",
    "value": "oklch(100% 0 0 / 0.9216)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-alpha-black-100",
    "value": "oklch(0% 0 0 / 0)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-alpha-black-200",
    "value": "oklch(0% 0 0 / 0.0118)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-alpha-black-300",
    "value": "oklch(0% 0 0 / 0.0314)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-alpha-black-400",
    "value": "oklch(0% 0 0 / 0.0588)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-alpha-black-500",
    "value": "oklch(0% 0 0 / 0.0902)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-alpha-black-600",
    "value": "oklch(0% 0 0 / 0.1216)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-alpha-black-700",
    "value": "oklch(0% 0 0 / 0.1804)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-alpha-black-800",
    "value": "oklch(0% 0 0 / 0.251)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-alpha-black-900",
    "value": "oklch(0% 0 0 / 0.3882)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-alpha-black-1000",
    "value": "oklch(0% 0 0 / 0.451)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-alpha-black-1100",
    "value": "oklch(0% 0 0 / 0.5882)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-alpha-black-1200",
    "value": "oklch(0% 0 0 / 0.9216)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-brand-green-100",
    "value": "oklch(100% 0 127)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-brand-green-200",
    "value": "oklch(98% 0.02 127)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-brand-green-300",
    "value": "oklch(97% 0.04 127)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-brand-green-400",
    "value": "oklch(95% 0.07 127)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-brand-green-500",
    "value": "oklch(93% 0.09 127)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-brand-green-600",
    "value": "oklch(86% 0.11 127)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-brand-green-700",
    "value": "oklch(80% 0.14 127)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-brand-green-800",
    "value": "oklch(71% 0.19 127)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-brand-green-900",
    "value": "oklch(66% 0.18 127)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-brand-green-1000",
    "value": "oklch(71% 0.19 127)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-brand-green-1100",
    "value": "oklch(55% 0.15 127)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-brand-green-1200",
    "value": "oklch(30% 0.07 127)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-yellow-nova-100",
    "value": "oklch(99% 0.01 95)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-yellow-nova-200",
    "value": "oklch(99% 0.03 95)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-yellow-nova-300",
    "value": "oklch(98% 0.05 95)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-yellow-nova-400",
    "value": "oklch(97% 0.08 95)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-yellow-nova-500",
    "value": "oklch(95% 0.1 95)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-yellow-nova-600",
    "value": "oklch(92% 0.11 95)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-yellow-nova-700",
    "value": "oklch(87% 0.13 95)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-yellow-nova-800",
    "value": "oklch(81% 0.17 95)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-yellow-nova-900",
    "value": "oklch(88% 0.18 95)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-yellow-nova-1000",
    "value": "oklch(73% 0.15 95)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-yellow-nova-1100",
    "value": "oklch(55% 0.11 95)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-yellow-nova-1200",
    "value": "oklch(28% 0.04 95)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-lime-pear-100",
    "value": "oklch(99% 0.01 125)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-lime-pear-200",
    "value": "oklch(98% 0.02 125)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-lime-pear-300",
    "value": "oklch(97% 0.04 125)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-lime-pear-400",
    "value": "oklch(95% 0.07 125)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-lime-pear-500",
    "value": "oklch(93% 0.09 125)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-lime-pear-600",
    "value": "oklch(89% 0.12 125)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-lime-pear-700",
    "value": "oklch(81% 0.14 125)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-lime-pear-800",
    "value": "oklch(72% 0.17 125)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-lime-pear-900",
    "value": "oklch(80% 0.2 125)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-lime-pear-1000",
    "value": "oklch(76% 0.19 125)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-lime-pear-1100",
    "value": "oklch(51% 0.13 125)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-lime-pear-1200",
    "value": "oklch(28% 0.06 125)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-jade-100",
    "value": "oklch(99% 0 158)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-jade-200",
    "value": "oklch(98% 0.02 158)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-jade-300",
    "value": "oklch(96% 0.02 158)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-jade-400",
    "value": "oklch(94% 0.03 158)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-jade-500",
    "value": "oklch(91% 0.04 158)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-jade-600",
    "value": "oklch(87% 0.06 158)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-jade-700",
    "value": "oklch(80% 0.08 158)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-jade-800",
    "value": "oklch(72% 0.11 158)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-jade-900",
    "value": "oklch(63% 0.13 158)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-jade-1000",
    "value": "oklch(59% 0.12 158)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-jade-1100",
    "value": "oklch(51% 0.11 158)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-jade-1200",
    "value": "oklch(28% 0.04 158)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-pink-rose-100",
    "value": "oklch(99% 0.01 343)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-pink-rose-200",
    "value": "oklch(98% 0.01 343)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-pink-rose-300",
    "value": "oklch(96% 0.02 343)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-pink-rose-400",
    "value": "oklch(94% 0.03 343)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-pink-rose-500",
    "value": "oklch(91% 0.05 343)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-pink-rose-600",
    "value": "oklch(87% 0.07 343)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-pink-rose-700",
    "value": "oklch(82% 0.09 343)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-pink-rose-800",
    "value": "oklch(75% 0.12 343)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-pink-rose-900",
    "value": "oklch(61% 0.21 343)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-pink-rose-1000",
    "value": "oklch(59% 0.22 343)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-pink-rose-1100",
    "value": "oklch(56% 0.22 343)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-pink-rose-1200",
    "value": "oklch(24% 0.08 343)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-lavender-100",
    "value": "oklch(99% 0.01 310)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-lavender-200",
    "value": "oklch(99% 0.01 310)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-lavender-300",
    "value": "oklch(97% 0.02 310)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-lavender-400",
    "value": "oklch(94% 0.03 310)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-lavender-500",
    "value": "oklch(91% 0.05 310)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-lavender-600",
    "value": "oklch(87% 0.06 310)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-lavender-700",
    "value": "oklch(81% 0.09 310)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-lavender-800",
    "value": "oklch(73% 0.12 310)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-lavender-900",
    "value": "oklch(56% 0.18 310)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-lavender-1000",
    "value": "oklch(52% 0.18 310)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-lavender-1100",
    "value": "oklch(48% 0.18 310)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-lavender-1200",
    "value": "oklch(24% 0.1 310)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-violet-100",
    "value": "oklch(99% 0 292)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-violet-200",
    "value": "oklch(99% 0.01 292)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-violet-300",
    "value": "oklch(96% 0.02 292)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-violet-400",
    "value": "oklch(94% 0.03 292)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-violet-500",
    "value": "oklch(90% 0.05 292)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-violet-600",
    "value": "oklch(87% 0.06 292)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-violet-700",
    "value": "oklch(80% 0.09 292)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-violet-800",
    "value": "oklch(73% 0.12 292)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-violet-900",
    "value": "oklch(54% 0.18 292)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-violet-1000",
    "value": "oklch(51% 0.17 292)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-violet-1100",
    "value": "oklch(47% 0.16 292)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-violet-1200",
    "value": "oklch(24% 0.1 292)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-plum-100",
    "value": "oklch(99% 0.01 323)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-plum-200",
    "value": "oklch(98% 0.02 323)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-plum-300",
    "value": "oklch(96% 0.02 323)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-plum-400",
    "value": "oklch(94% 0.04 323)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-plum-500",
    "value": "oklch(91% 0.05 323)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-plum-600",
    "value": "oklch(87% 0.07 323)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-plum-700",
    "value": "oklch(81% 0.09 323)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-plum-800",
    "value": "oklch(74% 0.12 323)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-plum-900",
    "value": "oklch(58% 0.19 323)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-plum-1000",
    "value": "oklch(55% 0.2 323)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-plum-1100",
    "value": "oklch(51% 0.21 323)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-purple-plum-1200",
    "value": "oklch(24% 0.09 323)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-pink-magenta-100",
    "value": "oklch(99% 0.01 354)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-pink-magenta-200",
    "value": "oklch(98% 0.01 354)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-pink-magenta-300",
    "value": "oklch(96% 0.02 354)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-pink-magenta-400",
    "value": "oklch(94% 0.03 354)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-pink-magenta-500",
    "value": "oklch(91% 0.04 354)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-pink-magenta-600",
    "value": "oklch(87% 0.06 354)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-pink-magenta-700",
    "value": "oklch(81% 0.09 354)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-pink-magenta-800",
    "value": "oklch(74% 0.12 354)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-pink-magenta-900",
    "value": "oklch(60% 0.21 354)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-pink-magenta-1000",
    "value": "oklch(68% 0.23 354)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-pink-magenta-1100",
    "value": "oklch(57% 0.21 354)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-pink-magenta-1200",
    "value": "oklch(25% 0.07 354)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-red-tomato-100",
    "value": "oklch(99% 0.01 27)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-red-tomato-200",
    "value": "oklch(98% 0.01 27)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-red-tomato-300",
    "value": "oklch(96% 0.02 27)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-red-tomato-400",
    "value": "oklch(94% 0.03 27)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-red-tomato-500",
    "value": "oklch(91% 0.04 27)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-red-tomato-600",
    "value": "oklch(87% 0.06 27)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-red-tomato-700",
    "value": "oklch(81% 0.08 27)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-red-tomato-800",
    "value": "oklch(75% 0.11 27)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-red-tomato-900",
    "value": "oklch(62% 0.2 27)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-red-tomato-1000",
    "value": "oklch(60% 0.19 27)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-red-tomato-1100",
    "value": "oklch(55% 0.19 27)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-red-tomato-1200",
    "value": "oklch(24% 0.05 27)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-orange-pumpkin-100",
    "value": "oklch(99% 0 51)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-orange-pumpkin-200",
    "value": "oklch(98% 0.01 51)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-orange-pumpkin-300",
    "value": "oklch(96% 0.02 51)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-orange-pumpkin-400",
    "value": "oklch(94% 0.04 51)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-orange-pumpkin-500",
    "value": "oklch(92% 0.05 51)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-orange-pumpkin-600",
    "value": "oklch(88% 0.08 51)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-orange-pumpkin-700",
    "value": "oklch(83% 0.11 51)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-orange-pumpkin-800",
    "value": "oklch(76% 0.15 51)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-orange-pumpkin-900",
    "value": "oklch(69% 0.19 51)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-orange-pumpkin-1000",
    "value": "oklch(66% 0.19 51)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-orange-pumpkin-1100",
    "value": "oklch(56% 0.16 51)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-orange-pumpkin-1200",
    "value": "oklch(28% 0.06 51)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-yellow-amber-100",
    "value": "oklch(99% 0 76)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-yellow-amber-200",
    "value": "oklch(98% 0.02 76)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-yellow-amber-300",
    "value": "oklch(97% 0.05 76)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-yellow-amber-400",
    "value": "oklch(94% 0.07 76)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-yellow-amber-500",
    "value": "oklch(92% 0.09 76)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-yellow-amber-600",
    "value": "oklch(89% 0.11 76)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-yellow-amber-700",
    "value": "oklch(82% 0.12 76)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-yellow-amber-800",
    "value": " oklch(76% 0.152 69.5)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-yellow-amber-900",
    "value": "oklch(82% 0.16 76)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-yellow-amber-1000",
    "value": "oklch(78% 0.17 76)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-yellow-amber-1100",
    "value": "oklch(54% 0.14 76)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-yellow-amber-1200",
    "value": "oklch(31% 0.08 76)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-grass-100",
    "value": " oklch(99.4% 0.005 145.5)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-grass-200",
    "value": "oklch(98% 0.02 147)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-grass-300",
    "value": "oklch(96% 0.03 147)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-grass-400",
    "value": "oklch(94% 0.03 147)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-grass-500",
    "value": "oklch(91% 0.05 147)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-grass-600",
    "value": "oklch(86% 0.07 147)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-grass-700",
    "value": "oklch(80% 0.09 147)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-grass-800",
    "value": "oklch(71% 0.13 147)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-grass-900",
    "value": "oklch(64% 0.14 147)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-grass-1000",
    "value": "oklch(61% 0.14 147)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-grass-1100",
    "value": "oklch(52% 0.13 147)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-grass-1200",
    "value": "oklch(28% 0.04 147)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-teal-seafoam-100",
    "value": "oklch(99% 0.01 183)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-teal-seafoam-200",
    "value": "oklch(98% 0.01 183)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-teal-seafoam-300",
    "value": "oklch(97% 0.02 183)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-teal-seafoam-400",
    "value": "oklch(94% 0.03 183)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-teal-seafoam-500",
    "value": "oklch(91% 0.04 183)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-teal-seafoam-600",
    "value": "oklch(87% 0.05 183)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-teal-seafoam-700",
    "value": "oklch(80% 0.07 183)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-teal-seafoam-800",
    "value": "oklch(72% 0.1 183)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-teal-seafoam-900",
    "value": "oklch(64% 0.11 183)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-teal-seafoam-1000",
    "value": "oklch(60% 0.11 183)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-teal-seafoam-1100",
    "value": "oklch(52% 0.09 183)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-teal-seafoam-1200",
    "value": "oklch(28% 0.04 183)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-mint-100",
    "value": "oklch(99% 0.01 178)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-mint-200",
    "value": "oklch(98% 0.02 178)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-mint-300",
    "value": "oklch(97% 0.03 178)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-mint-400",
    "value": "oklch(94% 0.04 178)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-mint-500",
    "value": "oklch(91% 0.05 178)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-mint-600",
    "value": "oklch(87% 0.07 178)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-mint-700",
    "value": "oklch(81% 0.09 178)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-mint-800",
    "value": "oklch(74% 0.12 178)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-mint-900",
    "value": "oklch(84% 0.11 178)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-mint-1000",
    "value": "oklch(81% 0.11 178)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-mint-1100",
    "value": "oklch(53% 0.09 178)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-green-mint-1200",
    "value": "oklch(30% 0.05 178)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-teal-cyan-100",
    "value": "oklch(99% 0.01 212)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-teal-cyan-200",
    "value": "oklch(98% 0.01 212)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-teal-cyan-300",
    "value": "oklch(97% 0.02 212)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-teal-cyan-400",
    "value": "oklch(94% 0.03 212)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-teal-cyan-500",
    "value": "oklch(91% 0.04 212)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-teal-cyan-600",
    "value": "oklch(86% 0.06 212)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-teal-cyan-700",
    "value": "oklch(80% 0.08 212)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-teal-cyan-800",
    "value": "oklch(72% 0.11 212)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-teal-cyan-900",
    "value": "oklch(66% 0.12 212)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-teal-cyan-1000",
    "value": "oklch(61% 0.11 212)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-teal-cyan-1100",
    "value": "oklch(53% 0.09 212)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-teal-cyan-1200",
    "value": "oklch(28% 0.05 212)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-sky-100",
    "value": "oklch(99% 0.01 220)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-sky-200",
    "value": "oklch(98% 0.01 220)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-sky-300",
    "value": "oklch(96% 0.03 220)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-sky-400",
    "value": "oklch(95% 0.04 220)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-sky-500",
    "value": "oklch(91% 0.05 220)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-sky-600",
    "value": "oklch(87% 0.07 220)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-sky-700",
    "value": "oklch(81% 0.09 220)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-sky-800",
    "value": "oklch(74% 0.13 220)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-sky-900",
    "value": "oklch(84% 0.11 220)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-sky-1000",
    "value": "oklch(81% 0.12 220)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-sky-1100",
    "value": "oklch(53% 0.11 220)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-sky-1200",
    "value": "oklch(28% 0.05 220)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-cobalt-100",
    "value": "oklch(99% 0.01 250)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-cobalt-200",
    "value": "oklch(98% 0.01 250)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-cobalt-300",
    "value": "oklch(97% 0.02 250)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-cobalt-400",
    "value": "oklch(95% 0.03 250)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-cobalt-500",
    "value": "oklch(91% 0.04 250)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-cobalt-600",
    "value": "oklch(87% 0.06 250)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-cobalt-700",
    "value": "oklch(80% 0.08 250)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-cobalt-800",
    "value": "oklch(73% 0.12 250)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-cobalt-900",
    "value": "oklch(65% 0.19 250)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-cobalt-1000",
    "value": "oklch(55% 0.2 250)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-cobalt-1100",
    "value": "oklch(54% 0.19 250)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-cobalt-1200",
    "value": "oklch(27% 0.08 250)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-indigo-100",
    "value": "oklch(99% 0 270)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-indigo-200",
    "value": "oklch(98% 0.01 270)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-indigo-300",
    "value": "oklch(97% 0.02 270)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-indigo-400",
    "value": "oklch(94% 0.03 270)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-indigo-500",
    "value": "oklch(91% 0.04 270)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-indigo-600",
    "value": "oklch(86% 0.06 270)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-indigo-700",
    "value": "oklch(81% 0.08 270)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-indigo-800",
    "value": "oklch(73% 0.11 270)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-indigo-900",
    "value": "oklch(54% 0.19 270)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-indigo-1000",
    "value": "oklch(51% 0.18 270)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-indigo-1100",
    "value": "oklch(47% 0.16 270)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-blue-indigo-1200",
    "value": "oklch(24% 0.08 270)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-gray-denim-100",
    "value": "oklch(98% 0.01 270)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-gray-denim-200",
    "value": "oklch(97% 0.01 270)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-gray-denim-300",
    "value": "oklch(96% 0.01 270)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-gray-denim-400",
    "value": "oklch(94% 0.01 270)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-gray-denim-500",
    "value": "oklch(92% 0.02 270)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-gray-denim-600",
    "value": "oklch(90% 0.02 270)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-gray-denim-700",
    "value": "oklch(88% 0.02 270)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-gray-denim-800",
    "value": "oklch(80% 0.02 270)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-gray-denim-900",
    "value": "oklch(65% 0.02 270)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-gray-denim-1000",
    "value": "oklch(60% 0.025 270)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-gray-denim-1100",
    "value": "oklch(55% 0.03 270)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-gray-denim-1200",
    "value": "oklch(25% 0.01 270)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-gray-slate-100",
    "value": "oklch(98% 0.006 248)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-gray-slate-200",
    "value": "oklch(97% 0.006 248)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-gray-slate-300",
    "value": "oklch(95% 0.006 248)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-gray-slate-400",
    "value": "oklch(94% 0.006 248)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-gray-slate-500",
    "value": "oklch(93% 0.006 248)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-gray-slate-600",
    "value": "oklch(90% 0.006 248)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-gray-slate-700",
    "value": "oklch(88% 0.006 248)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-gray-slate-800",
    "value": "oklch(82% 0.006 248)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-gray-slate-900",
    "value": "oklch(65% 0.006 248)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-gray-slate-1000",
    "value": "oklch(60% 0.006 248)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-gray-slate-1100",
    "value": "oklch(53% 0.006 248)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-gray-slate-1200",
    "value": "oklch(20% 0.006 248)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-red-cardinal-100",
    "value": "oklch(99% 0.01 18)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-red-cardinal-200",
    "value": "oklch(98% 0.01 18)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-red-cardinal-300",
    "value": "oklch(96% 0.02 18)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-red-cardinal-400",
    "value": "oklch(93% 0.03 18)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-red-cardinal-500",
    "value": "oklch(91% 0.04 18)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-red-cardinal-600",
    "value": "oklch(87% 0.06 18)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-red-cardinal-700",
    "value": "oklch(81% 0.08 18)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-red-cardinal-800",
    "value": "oklch(75% 0.11 18)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-red-cardinal-900",
    "value": "oklch(63% 0.19 18)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-red-cardinal-1000",
    "value": "oklch(60% 0.2 18)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-red-cardinal-1100",
    "value": "oklch(55% 0.19 18)",
    "type": "color"
  },
  {
    "name": "nve-ref-color-red-cardinal-1200",
    "value": "oklch(24% 0.06 18)",
    "type": "color"
  },
  {
    "name": "nve-ref-font-family-inter",
    "value": "'Inter', Roboto, 'Open Sans', 'Helvetica Neue', sans-serif",
    "type": "fontFamilies",
    "description": "Use for body text and UI elements"
  },
  {
    "name": "nve-ref-font-family-roboto-mono",
    "value": "'Roboto Mono', 'Lucida Console', Monaco, monospace, sans-serif",
    "type": "fontFamilies",
    "description": "Use for code snippets and monospace text"
  },
  {
    "name": "nve-ref-font-weight-light",
    "value": "200",
    "type": "fontWeights",
    "description": "Use for subtle text emphasis"
  },
  {
    "name": "nve-ref-font-weight-regular",
    "value": "400",
    "type": "fontWeights",
    "description": "Use for body text and default content"
  },
  {
    "name": "nve-ref-font-weight-medium",
    "value": "500",
    "type": "fontWeights",
    "description": "Use for labels and medium emphasis"
  },
  {
    "name": "nve-ref-font-weight-semibold",
    "value": "600",
    "type": "fontWeights",
    "description": "Use for navigation and strong emphasis"
  },
  {
    "name": "nve-ref-font-weight-bold",
    "value": "700",
    "type": "fontWeights",
    "description": "Use for strong text emphasis"
  },
  {
    "name": "nve-ref-font-weight-extra-bold",
    "value": "800",
    "type": "fontWeights",
    "description": "Use for maximum text emphasis"
  },
  {
    "name": "nve-ref-font-line-height-tight",
    "value": "1.12",
    "type": "lineHeights",
    "description": "Use when vertical space is limited"
  },
  {
    "name": "nve-ref-font-line-height-snug",
    "value": "1.25",
    "type": "lineHeights",
    "description": "Use for compact text layouts"
  },
  {
    "name": "nve-ref-font-line-height-moderate",
    "value": "1.375",
    "type": "lineHeights",
    "description": "Use for balanced text readability"
  },
  {
    "name": "nve-ref-font-line-height-relaxed",
    "value": "1.5",
    "type": "lineHeights",
    "description": "Use for comfortable text reading"
  },
  {
    "name": "nve-ref-font-line-height-loose",
    "value": "1.625",
    "type": "lineHeights",
    "description": "Use for spacious text layouts"
  },
  {
    "name": "nve-ref-border-radius-full",
    "value": "999px",
    "type": "borderRadius",
    "description": "Use for fully rounded pill-shaped elements like buttons and badges"
  },
  {
    "name": "nve-ref-opacity-0",
    "value": "0",
    "type": "opacity",
    "description": "Use for completely transparent elements and hidden overlays"
  },
  {
    "name": "nve-ref-opacity-150",
    "value": "0.15",
    "type": "opacity",
    "description": "Use for very subtle transparency effects on disabled states"
  },
  {
    "name": "nve-ref-opacity-200",
    "value": "0.2",
    "type": "opacity",
    "description": "Use for subtle transparency on overlays and disabled content"
  },
  {
    "name": "nve-ref-opacity-300",
    "value": "0.3",
    "type": "opacity",
    "description": "Use for light transparency on secondary content"
  },
  {
    "name": "nve-ref-opacity-400",
    "value": "0.4",
    "type": "opacity",
    "description": "Use for moderate transparency on muted content"
  },
  {
    "name": "nve-ref-opacity-500",
    "value": "0.5",
    "type": "opacity",
    "description": "Use for balanced transparency on semi-transparent overlays"
  },
  {
    "name": "nve-ref-opacity-600",
    "value": "0.6",
    "type": "opacity",
    "description": "Use for noticeable transparency while maintaining readability"
  },
  {
    "name": "nve-ref-opacity-700",
    "value": "0.7",
    "type": "opacity",
    "description": "Use for reduced transparency on emphasized content"
  },
  {
    "name": "nve-ref-opacity-800",
    "value": "0.8",
    "type": "opacity",
    "description": "Use for slight transparency on primary content"
  },
  {
    "name": "nve-ref-opacity-900",
    "value": "0.9",
    "type": "opacity",
    "description": "Use for minimal transparency on nearly opaque content"
  },
  {
    "name": "nve-ref-shadow-100",
    "value": "0px 16px 32px 0px oklch(12.6% 0.022 276.4 / 0.02)",
    "type": "boxShadow",
    "description": "Use for subtle elevation on cards and floating elements"
  },
  {
    "name": "nve-ref-shadow-200",
    "value": "0px 16px 32px 0px oklch(12.6% 0.022 276.4 / 0.05)",
    "type": "boxShadow",
    "description": "Use for light elevation on raised panels and modals"
  },
  {
    "name": "nve-ref-shadow-300",
    "value": "0px 16px 32px 0px oklch(12.6% 0.022 276.4 / 0.08)",
    "type": "boxShadow",
    "description": "Use for moderate elevation on dialogs and overlays"
  },
  {
    "name": "nve-ref-shadow-400",
    "value": "0px 16px 32px 0px oklch(12.6% 0.022 276.4 / 0.12)",
    "type": "boxShadow",
    "description": "Use for prominent elevation on important floating content"
  },
  {
    "name": "nve-ref-shadow-500",
    "value": "0px 16px 32px 0px oklch(12.6% 0.022 276.4 / 0.17)",
    "type": "boxShadow",
    "description": "Use for maximum elevation on top-level modals and popovers"
  },
  {
    "name": "nve-ref-outline",
    "value": "Highlight solid 2px",
    "description": "Use for default focus indicators"
  },
  {
    "name": "nve-ref-outline-webkit",
    "value": "5px auto -webkit-focus-ring-color",
    "description": "Use for WebKit browser focus indicators"
  },
  {
    "name": "nve-ref-animation-duration-100",
    "value": "0",
    "description": "Use for instant transitions or reduced motion preferences"
  },
  {
    "name": "nve-ref-animation-duration-150",
    "value": "150ms",
    "description": "Use for quick UI transitions"
  },
  {
    "name": "nve-ref-animation-duration-200",
    "value": "200ms",
    "description": "Use for standard UI transitions"
  },
  {
    "name": "nve-ref-animation-duration-250",
    "value": "250ms",
    "description": "Use for slightly slower transitions"
  },
  {
    "name": "nve-ref-animation-duration-300",
    "value": "400ms",
    "description": "Use for slower, deliberate transitions"
  },
  {
    "name": "nve-ref-animation-duration-400",
    "value": "800ms",
    "description": "Use for very slow, dramatic transitions"
  },
  {
    "name": "nve-ref-animation-easing-100",
    "value": "ease-in-out",
    "description": "Use for smooth transitions"
  },
  {
    "name": "nve-sys-color-scheme",
    "value": "auto",
    "description": "Use when configuring automatic theme detection based on user preferences"
  },
  {
    "name": "nve-sys-contrast-emphasis-ratio",
    "value": "100%",
    "type": "percentage",
    "description": "Use when calculating color-mix ratios for emphasized states"
  },
  {
    "name": "nve-sys-contrast-mute-ratio",
    "value": "18%",
    "type": "percentage",
    "description": "Use when calculating color-mix ratios for muted states"
  },
  {
    "name": "nve-sys-interaction-state-ratio",
    "value": "initial",
    "description": "Use as the default ratio when computing dynamic interaction states"
  },
  {
    "name": "nve-sys-interaction-state-ratio-hover",
    "value": "4%",
    "description": "Use as the ratio when computing hover interaction states"
  },
  {
    "name": "nve-sys-interaction-state-ratio-disabled",
    "value": "4%",
    "description": "Use as the ratio when computing disabled interaction states"
  },
  {
    "name": "nve-sys-interaction-state-ratio-active",
    "value": "8%",
    "description": "Use as the ratio when computing active interaction states"
  },
  {
    "name": "nve-sys-interaction-state-ratio-selected",
    "value": "8%",
    "description": "Use as the ratio when computing selected interaction states"
  },
  {
    "name": "nve-sys-visualization-sequential-diverging-virdis-100",
    "value": "oklch(91.8% 0.187 102.2)",
    "type": "color",
    "description": "Use for the highest values in a sequential viridis scale"
  },
  {
    "name": "nve-sys-visualization-sequential-diverging-virdis-200",
    "value": "oklch(85.9% 0.19 115)",
    "type": "color",
    "description": "Use for very high values in a sequential viridis scale"
  },
  {
    "name": "nve-sys-visualization-sequential-diverging-virdis-300",
    "value": "oklch(82.1% 0.194 126.8)",
    "type": "color",
    "description": "Use for high values in a sequential viridis scale"
  },
  {
    "name": "nve-sys-visualization-sequential-diverging-virdis-400",
    "value": "oklch(77.5% 0.187 137.2)",
    "type": "color",
    "description": "Use for moderately high values in a sequential viridis scale"
  },
  {
    "name": "nve-sys-visualization-sequential-diverging-virdis-500",
    "value": "oklch(73.4% 0.164 147.5)",
    "type": "color",
    "description": "Use for upper-mid range values in a sequential viridis scale"
  },
  {
    "name": "nve-sys-visualization-sequential-diverging-virdis-600",
    "value": "oklch(69.1% 0.145 157.3)",
    "type": "color",
    "description": "Use for mid-range values in a sequential viridis scale"
  },
  {
    "name": "nve-sys-visualization-sequential-diverging-virdis-700",
    "value": "oklch(64.6% 0.12 169.6)",
    "type": "color",
    "description": "Use for lower-mid range values in a sequential viridis scale"
  },
  {
    "name": "nve-sys-visualization-sequential-diverging-virdis-800",
    "value": "oklch(60.2% 0.1 184.4)",
    "type": "color",
    "description": "Use for moderately low values in a sequential viridis scale"
  },
  {
    "name": "nve-sys-visualization-sequential-diverging-virdis-900",
    "value": "oklch(56.8% 0.087 200.1)",
    "type": "color",
    "description": "Use for low values in a sequential viridis scale"
  },
  {
    "name": "nve-sys-visualization-sequential-diverging-virdis-1000",
    "value": "oklch(49.1% 0.083 242.3)",
    "type": "color",
    "description": "Use for very low values in a sequential viridis scale"
  },
  {
    "name": "nve-sys-visualization-sequential-diverging-virdis-1100",
    "value": "oklch(45.3% 0.094 261.6)",
    "type": "color",
    "description": "Use for near-minimum values in a sequential viridis scale"
  },
  {
    "name": "nve-sys-visualization-sequential-diverging-virdis-1200",
    "value": "oklch(41.9% 0.108 278.7)",
    "type": "color",
    "description": "Use for very low values approaching the bottom of a viridis scale"
  },
  {
    "name": "nve-sys-visualization-sequential-diverging-virdis-1300",
    "value": "oklch(37.1% 0.124 293.4)",
    "type": "color",
    "description": "Use for near-bottom values in a sequential viridis scale"
  },
  {
    "name": "nve-sys-visualization-sequential-diverging-virdis-1400",
    "value": "oklch(33.3% 0.134 306.3)",
    "type": "color",
    "description": "Use for minimal values in a sequential viridis scale"
  },
  {
    "name": "nve-sys-visualization-sequential-diverging-virdis-1500",
    "value": "oklch(27.6% 0.132 318.4)",
    "type": "color",
    "description": "Use for the lowest values in a sequential viridis scale"
  },
  {
    "name": "nve-sys-visualization-sequential-diverging-red-green-100",
    "value": "oklch(49.9% 0.159 23.4)",
    "type": "color",
    "description": "Use for the most extreme negative values in a diverging red-green scale"
  },
  {
    "name": "nve-sys-visualization-sequential-diverging-red-green-200",
    "value": "oklch(59.6% 0.195 23.8)",
    "type": "color",
    "description": "Use for strong negative values that deviate significantly from center"
  },
  {
    "name": "nve-sys-visualization-sequential-diverging-red-green-300",
    "value": "oklch(68.4% 0.193 22)",
    "type": "color",
    "description": "Use for moderate negative values below the neutral midpoint"
  },
  {
    "name": "nve-sys-visualization-sequential-diverging-red-green-400",
    "value": "oklch(83.3% 0.083 18.1)",
    "type": "color",
    "description": "Use for slight negative values just below the center point"
  },
  {
    "name": "nve-sys-visualization-sequential-diverging-red-green-600",
    "value": "oklch(86.4% 0.117 148.8)",
    "type": "color",
    "description": "Use for slight positive values just above the center point"
  },
  {
    "name": "nve-sys-visualization-sequential-diverging-red-green-700",
    "value": "oklch(72.5% 0.176 148.7)",
    "type": "color",
    "description": "Use for moderate positive values above the neutral midpoint"
  },
  {
    "name": "nve-sys-visualization-sequential-diverging-red-green-800",
    "value": "oklch(62.7% 0.157 148.3)",
    "type": "color",
    "description": "Use for strong positive values that deviate significantly from center"
  },
  {
    "name": "nve-sys-visualization-sequential-diverging-red-green-900",
    "value": "oklch(47.5% 0.109 150.4)",
    "type": "color",
    "description": "Use for the most extreme positive values in a diverging red-green scale"
  },
  {
    "name": "nve-sys-scrollbar-width",
    "value": "thin",
    "type": "borderWidth",
    "description": "Use for scrollbar width in scrollable containers"
  },
  {
    "name": "nve-ref-size-50",
    "value": "nve-ref-scale-size * 2px",
    "type": "sizing",
    "description": "Use for minimal padding and margins within compact elements"
  },
  {
    "name": "nve-ref-size-100",
    "value": "nve-ref-scale-size * 4px",
    "type": "sizing",
    "description": "Use for tight padding and margins within small elements"
  },
  {
    "name": "nve-ref-size-150",
    "value": "nve-ref-scale-size * 6px",
    "type": "sizing",
    "description": "Use for compact padding and margins within elements"
  },
  {
    "name": "nve-ref-size-200",
    "value": "nve-ref-scale-size * 8px",
    "type": "sizing",
    "description": "Use for standard padding and margins within form controls and small components"
  },
  {
    "name": "nve-ref-size-250",
    "value": "nve-ref-scale-size * 10px",
    "type": "sizing",
    "description": "Use for comfortable padding and margins within medium elements"
  },
  {
    "name": "nve-ref-size-300",
    "value": "nve-ref-scale-size * 12px",
    "type": "sizing",
    "description": "Use for standard padding and margins within buttons and interactive elements"
  },
  {
    "name": "nve-ref-size-400",
    "value": "nve-ref-scale-size * 16px",
    "type": "sizing",
    "description": "Use for comfortable padding and margins within cards and panels"
  },
  {
    "name": "nve-ref-size-500",
    "value": "nve-ref-scale-size * 20px",
    "type": "sizing",
    "description": "Use for generous padding and margins within larger components"
  },
  {
    "name": "nve-ref-size-600",
    "value": "nve-ref-scale-size * 24px",
    "type": "sizing",
    "description": "Use for spacious padding and margins within containers"
  },
  {
    "name": "nve-ref-size-700",
    "value": "nve-ref-scale-size * 28px",
    "type": "sizing",
    "description": "Use for extra padding and margins within large components"
  },
  {
    "name": "nve-ref-size-800",
    "value": "nve-ref-scale-size * 32px",
    "type": "sizing",
    "description": "Use for standard height of form inputs and buttons"
  },
  {
    "name": "nve-ref-size-900",
    "value": "nve-ref-scale-size * 36px",
    "type": "sizing",
    "description": "Use for extra large padding and margins within oversized elements"
  },
  {
    "name": "nve-ref-size-1000",
    "value": "nve-ref-scale-size * 40px",
    "type": "sizing",
    "description": "Use for maximum padding and margins within very large containers"
  },
  {
    "name": "nve-ref-space-none",
    "value": "nve-ref-scale-space * 0px",
    "type": "spacing",
    "description": "Use when no spacing is needed between elements"
  },
  {
    "name": "nve-ref-space-xxxs",
    "value": "nve-ref-scale-space * 2px",
    "type": "spacing",
    "description": "Use for minimal gaps between tightly grouped elements"
  },
  {
    "name": "nve-ref-space-xxs",
    "value": "nve-ref-scale-space * 4px",
    "type": "spacing",
    "description": "Use for very small gaps between closely related elements"
  },
  {
    "name": "nve-ref-space-xs",
    "value": "nve-ref-scale-space * 8px",
    "type": "spacing",
    "description": "Use for small gaps between form fields and related content"
  },
  {
    "name": "nve-ref-space-sm",
    "value": "nve-ref-scale-space * 12px",
    "type": "spacing",
    "description": "Use for standard gaps between form fields and sibling elements in layouts"
  },
  {
    "name": "nve-ref-space-md",
    "value": "nve-ref-scale-space * 16px",
    "type": "spacing",
    "description": "Use for comfortable gaps between sections and groups of elements"
  },
  {
    "name": "nve-ref-space-lg",
    "value": "nve-ref-scale-space * 24px",
    "type": "spacing",
    "description": "Use for generous gaps between major sections and content blocks"
  },
  {
    "name": "nve-ref-space-xl",
    "value": "nve-ref-scale-space * 32px",
    "type": "spacing",
    "description": "Use for large gaps between distinct page sections"
  },
  {
    "name": "nve-ref-space-xxl",
    "value": "nve-ref-scale-space * 48px",
    "type": "spacing",
    "description": "Use for extra large gaps between major page regions"
  },
  {
    "name": "nve-ref-space-xxxl",
    "value": "nve-ref-scale-space * 64px",
    "type": "spacing",
    "description": "Use for maximum gaps between completely separate page areas"
  },
  {
    "name": "nve-ref-color-scheme-base",
    "value": "nve-ref-color-white",
    "type": "color",
    "description": "Use for light backgrounds and containers"
  },
  {
    "name": "nve-ref-color-scheme-inverse",
    "value": "nve-ref-color-black",
    "type": "color",
    "description": "Use for dark backgrounds and inverse elements"
  },
  {
    "name": "nve-ref-color-neutral-100",
    "value": "nve-ref-color-gray-slate-100",
    "type": "color"
  },
  {
    "name": "nve-ref-color-neutral-200",
    "value": "nve-ref-color-gray-slate-200",
    "type": "color"
  },
  {
    "name": "nve-ref-color-neutral-300",
    "value": "nve-ref-color-gray-slate-300",
    "type": "color"
  },
  {
    "name": "nve-ref-color-neutral-400",
    "value": "nve-ref-color-gray-slate-400",
    "type": "color"
  },
  {
    "name": "nve-ref-color-neutral-500",
    "value": "nve-ref-color-gray-slate-500",
    "type": "color"
  },
  {
    "name": "nve-ref-color-neutral-600",
    "value": "nve-ref-color-gray-slate-600",
    "type": "color"
  },
  {
    "name": "nve-ref-color-neutral-700",
    "value": "nve-ref-color-gray-slate-700",
    "type": "color"
  },
  {
    "name": "nve-ref-color-neutral-800",
    "value": "nve-ref-color-gray-slate-800",
    "type": "color"
  },
  {
    "name": "nve-ref-color-neutral-900",
    "value": "nve-ref-color-gray-slate-900",
    "type": "color"
  },
  {
    "name": "nve-ref-color-neutral-1000",
    "value": "nve-ref-color-gray-slate-1000",
    "type": "color"
  },
  {
    "name": "nve-ref-color-neutral-1100",
    "value": "nve-ref-color-gray-slate-1100",
    "type": "color"
  },
  {
    "name": "nve-ref-color-neutral-1200",
    "value": "nve-ref-color-gray-slate-1200",
    "type": "color"
  },
  {
    "name": "nve-ref-font-family",
    "value": "nve-ref-font-family-inter",
    "description": "Use for default body text and UI elements"
  },
  {
    "name": "nve-ref-font-size-50",
    "value": "nve-ref-scale-text * 10px",
    "type": "fontSizes",
    "description": "Use for very small labels or compact UI text"
  },
  {
    "name": "nve-ref-font-size-100",
    "value": "nve-ref-scale-text * 12px",
    "type": "fontSizes",
    "description": "Use for small body text or compact labels"
  },
  {
    "name": "nve-ref-font-size-200",
    "value": "nve-ref-scale-text * 14px",
    "type": "fontSizes",
    "description": "Use for default body text, labels, and small headings"
  },
  {
    "name": "nve-ref-font-size-300",
    "value": "nve-ref-scale-text * 16px",
    "type": "fontSizes",
    "description": "Use for large body text or small headings"
  },
  {
    "name": "nve-ref-font-size-400",
    "value": "nve-ref-scale-text * 18px",
    "type": "fontSizes",
    "description": "Use for default headings or extra large body text"
  },
  {
    "name": "nve-ref-font-size-500",
    "value": "nve-ref-scale-text * 20px",
    "type": "fontSizes",
    "description": "Use for large headings"
  },
  {
    "name": "nve-ref-font-size-600",
    "value": "nve-ref-scale-text * 24px",
    "type": "fontSizes",
    "description": "Use for extra large headings"
  },
  {
    "name": "nve-ref-font-size-700",
    "value": "nve-ref-scale-text * 28px",
    "type": "fontSizes",
    "description": "Use for very large headings"
  },
  {
    "name": "nve-ref-font-size-800",
    "value": "nve-ref-scale-text * 32px",
    "type": "fontSizes",
    "description": "Use for prominent headings"
  },
  {
    "name": "nve-ref-font-size-900",
    "value": "nve-ref-scale-text * 36px",
    "type": "fontSizes",
    "description": "Use for small display text"
  },
  {
    "name": "nve-ref-font-size-1000",
    "value": "nve-ref-scale-text * 40px",
    "type": "fontSizes",
    "description": "Use for default display text"
  },
  {
    "name": "nve-ref-font-size-1100",
    "value": "nve-ref-scale-text * 44px",
    "type": "fontSizes",
    "description": "Use for large display text"
  },
  {
    "name": "nve-ref-font-size-1200",
    "value": "nve-ref-scale-text * 50px",
    "type": "fontSizes",
    "description": "Use for extra large display text"
  },
  {
    "name": "nve-ref-font-line-height-300",
    "value": "nve-ref-scale-line-height * 12px",
    "type": "lineHeights",
    "description": "Use when precise vertical spacing is needed for compact text"
  },
  {
    "name": "nve-ref-font-line-height-400",
    "value": "nve-ref-scale-line-height * 16px",
    "type": "lineHeights",
    "description": "Use when precise vertical spacing is needed for small text"
  },
  {
    "name": "nve-ref-font-line-height-500",
    "value": "nve-ref-scale-line-height * 20px",
    "type": "lineHeights",
    "description": "Use when precise vertical spacing is needed for body text"
  },
  {
    "name": "nve-ref-font-line-height-600",
    "value": "nve-ref-scale-line-height * 24px",
    "type": "lineHeights",
    "description": "Use when precise vertical spacing is needed for large text"
  },
  {
    "name": "nve-ref-font-line-height-700",
    "value": "nve-ref-scale-line-height * 28px",
    "type": "lineHeights",
    "description": "Use when precise vertical spacing is needed for headings"
  },
  {
    "name": "nve-ref-font-line-height-800",
    "value": "nve-ref-scale-line-height * 32px",
    "type": "lineHeights",
    "description": "Use when precise vertical spacing is needed for large headings"
  },
  {
    "name": "nve-ref-font-line-height-900",
    "value": "nve-ref-scale-line-height * 36px",
    "type": "lineHeights",
    "description": "Use when precise vertical spacing is needed for display text"
  },
  {
    "name": "nve-ref-font-line-height-1000",
    "value": "nve-ref-scale-line-height * 40px",
    "type": "lineHeights",
    "description": "Use when precise vertical spacing is needed for large display text"
  },
  {
    "name": "nve-ref-border-radius-none",
    "value": "nve-ref-scale-border-radius * 0px",
    "type": "borderRadius",
    "description": "Use for square corners with no rounding"
  },
  {
    "name": "nve-ref-border-radius-xs",
    "value": "nve-ref-scale-border-radius * 4px",
    "type": "borderRadius",
    "description": "Use for subtle corner rounding on compact elements"
  },
  {
    "name": "nve-ref-border-radius-sm",
    "value": "nve-ref-scale-border-radius * 6px",
    "type": "borderRadius",
    "description": "Use for slight corner rounding on form controls and small components"
  },
  {
    "name": "nve-ref-border-radius-md",
    "value": "nve-ref-scale-border-radius * 8px",
    "type": "borderRadius",
    "description": "Use for standard corner rounding on cards and panels"
  },
  {
    "name": "nve-ref-border-radius-lg",
    "value": "nve-ref-scale-border-radius * 14px",
    "type": "borderRadius",
    "description": "Use for generous corner rounding on large containers"
  },
  {
    "name": "nve-ref-border-radius-xl",
    "value": "nve-ref-scale-border-radius * 24px",
    "type": "borderRadius",
    "description": "Use for very rounded corners on prominent containers"
  },
  {
    "name": "nve-ref-border-radius-xxl",
    "value": "nve-ref-scale-border-radius * 48px",
    "type": "borderRadius",
    "description": "Use for maximum corner rounding on large containers"
  },
  {
    "name": "nve-ref-border-width-sm",
    "value": "nve-ref-scale-border-width * 1px",
    "type": "borderWidth",
    "description": "Use for subtle borders on cards and dividers"
  },
  {
    "name": "nve-ref-border-width-md",
    "value": "nve-ref-scale-border-width * 2px",
    "type": "borderWidth",
    "description": "Use for standard borders on containers and panels"
  },
  {
    "name": "nve-ref-border-width-lg",
    "value": "nve-ref-scale-border-width * 3px",
    "type": "borderWidth",
    "description": "Use for prominent borders on emphasized containers"
  },
  {
    "name": "nve-ref-border-width-xl",
    "value": "nve-ref-scale-border-width * 4px",
    "type": "borderWidth",
    "description": "Use for very thick borders on highly emphasized elements"
  },
  {
    "name": "nve-sys-text-white-color",
    "value": "nve-ref-color-white",
    "type": "color",
    "description": "Use for text that must appear on dark backgrounds"
  },
  {
    "name": "nve-sys-text-black-color",
    "value": "nve-ref-color-black",
    "type": "color",
    "description": "Use for text that must appear on light backgrounds"
  },
  {
    "name": "nve-sys-text-link-hover-color",
    "value": "nve-ref-color-blue-cobalt-1100",
    "type": "color",
    "description": "Use for link text when hovered or focused"
  },
  {
    "name": "nve-sys-text-link-visited-color",
    "value": "nve-ref-color-purple-lavender-1000",
    "type": "color",
    "description": "Use for visited link text"
  },
  {
    "name": "nve-sys-text-link-emphasis-color",
    "value": "nve-ref-color-blue-cobalt-1000",
    "type": "color",
    "description": "Use for emphasized link text"
  },
  {
    "name": "nve-sys-accent-primary-background",
    "value": "nve-ref-color-brand-green-900",
    "type": "color",
    "description": "Use for primary accent backgrounds and key visual elements"
  },
  {
    "name": "nve-sys-accent-secondary-background",
    "value": "nve-ref-color-blue-cobalt-1000",
    "type": "color",
    "description": "Use for secondary accent backgrounds and supporting visual elements"
  },
  {
    "name": "nve-sys-contrast-emphasis-color",
    "value": "nve-ref-color-white",
    "type": "color",
    "description": "Use when mixing colors for emphasized interactive states"
  },
  {
    "name": "nve-sys-interaction-destructive-background",
    "value": "nve-ref-color-red-cardinal-1100",
    "type": "color",
    "description": "Use for background color in destructive action buttons"
  },
  {
    "name": "nve-sys-interaction-highlighted-background",
    "value": "nve-ref-color-blue-cobalt-500",
    "type": "color",
    "description": "Use for background color in highlighted interactive elements"
  },
  {
    "name": "nve-sys-interaction-highlighted-muted-background",
    "value": "nve-ref-color-blue-cobalt-300",
    "type": "color",
    "description": "Use for subtle highlighted element backgrounds"
  },
  {
    "name": "nve-sys-layer-container-background",
    "value": "nve-ref-color-white",
    "type": "color",
    "description": "Use for card, panel, and tab container backgrounds"
  },
  {
    "name": "nve-sys-layer-overlay-background",
    "value": "nve-ref-color-white",
    "type": "color",
    "description": "Use for modal, drawer, and dropdown menu backgrounds"
  },
  {
    "name": "nve-sys-layer-backdrop-background",
    "value": "nve-ref-color-alpha-black-400",
    "type": "color",
    "description": "Use for backdrop behind modals and overlays to dim the background"
  },
  {
    "name": "nve-sys-status-scheduled-color",
    "value": "nve-ref-color-purple-violet-1100",
    "type": "color",
    "description": "Use for scheduled task status indicators"
  },
  {
    "name": "nve-sys-status-queued-color",
    "value": "nve-ref-color-blue-indigo-1100",
    "type": "color",
    "description": "Use for queued task status indicators"
  },
  {
    "name": "nve-sys-status-starting-color",
    "value": "nve-ref-color-green-mint-1100",
    "type": "color",
    "description": "Use for starting task status indicators"
  },
  {
    "name": "nve-sys-status-running-color",
    "value": "nve-ref-color-blue-cobalt-1100",
    "type": "color",
    "description": "Use for running task status indicators"
  },
  {
    "name": "nve-sys-status-restarting-color",
    "value": "nve-ref-color-yellow-amber-1100",
    "type": "color",
    "description": "Use for restarting task status indicators"
  },
  {
    "name": "nve-sys-status-stopping-color",
    "value": "nve-ref-color-pink-rose-1100",
    "type": "color",
    "description": "Use for stopping task status indicators"
  },
  {
    "name": "nve-sys-status-finished-color",
    "value": "nve-ref-color-green-grass-1100",
    "type": "color",
    "description": "Use for finished task status indicators"
  },
  {
    "name": "nve-sys-status-failed-color",
    "value": "nve-ref-color-red-cardinal-1100",
    "type": "color",
    "description": "Use for failed task status indicators"
  },
  {
    "name": "nve-sys-support-accent-muted-color",
    "value": "nve-ref-color-blue-cobalt-400",
    "type": "color",
    "description": "Use for subtle accent UI feedback text and icons"
  },
  {
    "name": "nve-sys-support-accent-emphasis-color",
    "value": "nve-ref-color-blue-cobalt-1100",
    "type": "color",
    "description": "Use for emphasized accent UI feedback text and icons"
  },
  {
    "name": "nve-sys-support-success-color",
    "value": "nve-ref-color-green-grass-1100",
    "type": "color",
    "description": "Use for success feedback text and icons in alerts and badges"
  },
  {
    "name": "nve-sys-support-success-muted-color",
    "value": "nve-ref-color-green-grass-400",
    "type": "color",
    "description": "Use for subtle success feedback text and icons"
  },
  {
    "name": "nve-sys-support-success-emphasis-color",
    "value": "nve-ref-color-green-grass-1100",
    "type": "color",
    "description": "Use for emphasized success feedback text and icons"
  },
  {
    "name": "nve-sys-support-danger-color",
    "value": "nve-ref-color-red-cardinal-1100",
    "type": "color",
    "description": "Use for error feedback text and icons in alerts and badges"
  },
  {
    "name": "nve-sys-support-danger-muted-color",
    "value": "nve-ref-color-red-cardinal-400",
    "type": "color",
    "description": "Use for subtle error feedback text and icons"
  },
  {
    "name": "nve-sys-support-danger-emphasis-color",
    "value": "nve-ref-color-red-cardinal-1100",
    "type": "color",
    "description": "Use for emphasized error feedback text and icons"
  },
  {
    "name": "nve-sys-support-warning-color",
    "value": "nve-ref-color-yellow-nova-800",
    "type": "color",
    "description": "Use for warning feedback text and icons in alerts and badges"
  },
  {
    "name": "nve-sys-support-warning-muted-color",
    "value": "nve-ref-color-yellow-nova-300",
    "type": "color",
    "description": "Use for subtle warning feedback text and icons"
  },
  {
    "name": "nve-sys-support-warning-emphasis-color",
    "value": "nve-ref-color-yellow-nova-1000",
    "type": "color",
    "description": "Use for emphasized warning feedback text and icons"
  },
  {
    "name": "nve-sys-visualization-categorical-violet",
    "value": "nve-ref-color-purple-violet-1000",
    "type": "color",
    "description": "Use for categorical data visualization when representing distinct groups"
  },
  {
    "name": "nve-sys-visualization-categorical-lavender",
    "value": "nve-ref-color-purple-lavender-900",
    "type": "color",
    "description": "Use for categorical data visualization when representing distinct groups"
  },
  {
    "name": "nve-sys-visualization-categorical-rose",
    "value": "nve-ref-color-pink-rose-900",
    "type": "color",
    "description": "Use for categorical data visualization when representing distinct groups"
  },
  {
    "name": "nve-sys-visualization-categorical-red",
    "value": "nve-ref-color-red-cardinal-1000",
    "type": "color",
    "description": "Use for categorical data visualization when representing distinct groups"
  },
  {
    "name": "nve-sys-visualization-categorical-pumpkin",
    "value": "nve-ref-color-orange-pumpkin-900",
    "type": "color",
    "description": "Use for categorical data visualization when representing distinct groups"
  },
  {
    "name": "nve-sys-visualization-categorical-amber",
    "value": "nve-ref-color-yellow-amber-1000",
    "type": "color",
    "description": "Use for categorical data visualization when representing distinct groups"
  },
  {
    "name": "nve-sys-visualization-categorical-nova",
    "value": "nve-ref-color-yellow-nova-800",
    "type": "color",
    "description": "Use for categorical data visualization when representing distinct groups"
  },
  {
    "name": "nve-sys-visualization-categorical-pear",
    "value": "nve-ref-color-lime-pear-900",
    "type": "color",
    "description": "Use for categorical data visualization when representing distinct groups"
  },
  {
    "name": "nve-sys-visualization-categorical-grass",
    "value": "nve-ref-color-green-grass-1000",
    "type": "color",
    "description": "Use for categorical data visualization when representing distinct groups"
  },
  {
    "name": "nve-sys-visualization-categorical-seafoam",
    "value": "nve-ref-color-teal-seafoam-900",
    "type": "color",
    "description": "Use for categorical data visualization when representing distinct groups"
  },
  {
    "name": "nve-sys-visualization-categorical-cyan",
    "value": "nve-ref-color-teal-cyan-800",
    "type": "color",
    "description": "Use for categorical data visualization when representing distinct groups"
  },
  {
    "name": "nve-sys-visualization-trend-negative-color",
    "value": "nve-ref-color-red-cardinal-1000",
    "type": "color",
    "description": "Use for negative trend indicators in data visualizations"
  },
  {
    "name": "nve-sys-visualization-trend-negative-emphasis-color",
    "value": "nve-ref-color-red-cardinal-1100",
    "type": "color",
    "description": "Use for emphasized negative trend indicators in data visualizations"
  },
  {
    "name": "nve-sys-visualization-trend-positive-color",
    "value": "nve-ref-color-green-grass-1000",
    "type": "color",
    "description": "Use for positive trend indicators in data visualizations"
  },
  {
    "name": "nve-sys-visualization-trend-positive-emphasis-color",
    "value": "nve-ref-color-green-grass-1100",
    "type": "color",
    "description": "Use for emphasized positive trend indicators in data visualizations"
  },
  {
    "name": "nve-sys-scrollbar-track-color",
    "value": "nve-ref-color-alpha-black-200",
    "type": "color",
    "description": "Use for scrollbar track color in scrollable containers"
  },
  {
    "name": "nve-ref-border-color",
    "value": "nve-ref-color-neutral-800",
    "type": "color",
    "description": "Use for default borders that match the standard color scheme"
  },
  {
    "name": "nve-ref-border-color-emphasis",
    "value": "nve-ref-color-neutral-1000",
    "type": "color",
    "description": "Use for borders that need high contrast and emphasis"
  },
  {
    "name": "nve-ref-border-color-muted",
    "value": "nve-ref-color-neutral-700",
    "type": "color",
    "description": "Use for subtle borders that blend with backgrounds"
  },
  {
    "name": "nve-ref-border-color-inverse",
    "value": "nve-ref-color-scheme-inverse",
    "type": "color",
    "description": "Use for borders on inverse color scheme backgrounds"
  },
  {
    "name": "nve-sys-text-color",
    "value": "nve-ref-color-neutral-1200",
    "type": "color",
    "description": "Use for default body text and general content"
  },
  {
    "name": "nve-sys-text-muted-color",
    "value": "nve-ref-color-neutral-1100",
    "type": "color",
    "description": "Use for secondary text, labels, and less prominent content"
  },
  {
    "name": "nve-sys-text-emphasis-color",
    "value": "nve-ref-color-neutral-1200",
    "type": "color",
    "description": "Use for highlighted text, selected items, and high-priority content"
  },
  {
    "name": "nve-sys-text-placeholder-color",
    "value": "nve-ref-color-neutral-900",
    "type": "color",
    "description": "Use for placeholder text in input fields and form controls"
  },
  {
    "name": "nve-sys-text-link-color",
    "value": "nve-ref-color-neutral-1200",
    "type": "color",
    "description": "Use for default link text color"
  },
  {
    "name": "nve-sys-text-link-disabled-color",
    "value": "nve-ref-color-neutral-400",
    "type": "color",
    "description": "Use for disabled link text"
  },
  {
    "name": "nve-sys-accent-tertiary-background",
    "value": "nve-ref-color-scheme-inverse",
    "type": "color",
    "description": "Use for tertiary accent backgrounds and subtle visual elements"
  },
  {
    "name": "nve-sys-contrast-mute-color",
    "value": "nve-ref-color-scheme-base",
    "type": "color",
    "description": "Use when mixing colors for muted or subdued backgrounds"
  },
  {
    "name": "nve-sys-interaction-color",
    "value": "nve-ref-color-neutral-1200",
    "type": "color",
    "description": "Use for default interactive element text color"
  },
  {
    "name": "nve-sys-interaction-background",
    "value": "nve-ref-color-neutral-600",
    "type": "color",
    "description": "Use for default interactive element backgrounds"
  },
  {
    "name": "nve-sys-interaction-background-100",
    "value": "nve-ref-color-neutral-600",
    "type": "color",
    "description": "Use for subtle interactive element backgrounds"
  },
  {
    "name": "nve-sys-interaction-background-200",
    "value": "nve-ref-color-neutral-500",
    "type": "color",
    "description": "Use for standard interactive element backgrounds"
  },
  {
    "name": "nve-sys-interaction-background-300",
    "value": "nve-ref-color-neutral-500",
    "type": "color",
    "description": "Use for elevated interactive element backgrounds"
  },
  {
    "name": "nve-sys-interaction-field-height",
    "value": "nve-ref-size-800",
    "type": "sizing",
    "description": "Use for standard height of form inputs and buttons"
  },
  {
    "name": "nve-sys-interaction-emphasis-color",
    "value": "nve-sys-text-black-color",
    "type": "color",
    "description": "Use for text color in primary call-to-action buttons"
  },
  {
    "name": "nve-sys-interaction-emphasis-background",
    "value": "nve-sys-accent-primary-background",
    "type": "color",
    "description": "Use for background color in primary call-to-action buttons"
  },
  {
    "name": "nve-sys-interaction-destructive-color",
    "value": "nve-sys-text-white-color",
    "type": "color",
    "description": "Use for text color in destructive action buttons"
  },
  {
    "name": "nve-sys-interaction-disabled-color",
    "value": "nve-ref-color-neutral-800",
    "type": "color",
    "description": "Use for text color in disabled interactive elements"
  },
  {
    "name": "nve-sys-interaction-disabled-background",
    "value": "nve-ref-color-neutral-600",
    "type": "color",
    "description": "Use for background color in disabled interactive elements"
  },
  {
    "name": "nve-sys-interaction-state-mix",
    "value": "nve-ref-color-neutral-1200",
    "description": "Use as the mix color when computing dynamic interaction states"
  },
  {
    "name": "nve-sys-layer-canvas-background",
    "value": "nve-ref-color-neutral-300",
    "type": "color",
    "description": "Use for page body background, the base surface in the layer hierarchy"
  },
  {
    "name": "nve-sys-layer-canvas-accent-background",
    "value": "nve-ref-color-neutral-400",
    "type": "color",
    "description": "Use for subtle accent backgrounds on the page body"
  },
  {
    "name": "nve-sys-layer-shell-background",
    "value": "nve-ref-color-scheme-base",
    "type": "color",
    "description": "Use for application shell or navigation bar backgrounds"
  },
  {
    "name": "nve-sys-layer-shell-accent-background",
    "value": "nve-ref-color-neutral-100",
    "type": "color",
    "description": "Use for subtle accent backgrounds on the application shell"
  },
  {
    "name": "nve-sys-layer-container-accent-background",
    "value": "nve-ref-color-neutral-100",
    "type": "color",
    "description": "Use for subtle accent backgrounds within containers"
  },
  {
    "name": "nve-sys-layer-overlay-accent-background",
    "value": "nve-ref-color-neutral-100",
    "type": "color",
    "description": "Use for subtle accent backgrounds within overlays"
  },
  {
    "name": "nve-sys-layer-popover-background",
    "value": "nve-ref-color-neutral-1200",
    "type": "color",
    "description": "Use for tooltip, toast, and notification backgrounds"
  },
  {
    "name": "nve-sys-layer-popover-color",
    "value": "nve-sys-text-white-color",
    "type": "color",
    "description": "Use for text color on popover surfaces"
  },
  {
    "name": "nve-sys-layer-popover-accent-background",
    "value": "nve-ref-color-neutral-1100",
    "type": "color",
    "description": "Use for subtle accent backgrounds within popovers"
  },
  {
    "name": "nve-sys-layer-popover-offset",
    "value": "nve-ref-size-50",
    "type": "spacing",
    "description": "Use for spacing between popover and its anchor element"
  },
  {
    "name": "nve-sys-layer-popover-arrow-offset",
    "value": "nve-ref-size-100",
    "type": "spacing",
    "description": "Use for positioning popover arrow indicators"
  },
  {
    "name": "nve-sys-layer-popover-arrow-padding",
    "value": "nve-ref-size-150",
    "type": "spacing",
    "description": "Use for padding around popover arrow indicators"
  },
  {
    "name": "nve-sys-status-color",
    "value": "nve-ref-color-neutral-1000",
    "type": "color",
    "description": "Use for default task status indicators"
  },
  {
    "name": "nve-sys-status-pending-color",
    "value": "nve-ref-color-neutral-1100",
    "type": "color",
    "description": "Use for pending task status indicators"
  },
  {
    "name": "nve-sys-status-unknown-color",
    "value": "nve-sys-text-black-color",
    "type": "color",
    "description": "Use for unknown task status indicators"
  },
  {
    "name": "nve-sys-status-ignored-color",
    "value": "nve-ref-color-neutral-1100",
    "type": "color",
    "description": "Use for ignored task status indicators"
  },
  {
    "name": "nve-sys-support-color",
    "value": "nve-ref-color-neutral-1000",
    "type": "color",
    "description": "Use for default UI feedback text and icons"
  },
  {
    "name": "nve-sys-support-muted-color",
    "value": "nve-ref-color-neutral-600",
    "type": "color",
    "description": "Use for subtle default UI feedback text and icons"
  },
  {
    "name": "nve-sys-support-emphasis-color",
    "value": "nve-ref-color-neutral-1000",
    "type": "color",
    "description": "Use for emphasized default UI feedback text and icons"
  },
  {
    "name": "nve-sys-support-accent-color",
    "value": "nve-sys-accent-secondary-background",
    "type": "color",
    "description": "Use for accent UI feedback text and icons"
  },
  {
    "name": "nve-sys-visualization-categorical-slate",
    "value": "nve-ref-color-neutral-1000",
    "type": "color",
    "description": "Use for categorical data visualization when representing distinct groups"
  },
  {
    "name": "nve-sys-visualization-sequential-diverging-red-green-500",
    "value": "nve-ref-color-neutral-400",
    "type": "color",
    "description": "Use for neutral values at the center point of a diverging scale"
  },
  {
    "name": "nve-sys-interaction-field-color",
    "value": "nve-sys-interaction-color",
    "type": "color",
    "description": "Use for text color in form inputs and text fields"
  },
  {
    "name": "nve-sys-interaction-field-background",
    "value": "nve-sys-interaction-background",
    "type": "color",
    "description": "Use for background color in form inputs and text fields"
  },
  {
    "name": "nve-sys-interaction-field-background-100",
    "value": "nve-sys-interaction-background-100",
    "type": "color",
    "description": "Use for subtle form input backgrounds"
  },
  {
    "name": "nve-sys-interaction-field-background-200",
    "value": "nve-sys-interaction-background-200",
    "type": "color",
    "description": "Use for standard form input backgrounds"
  },
  {
    "name": "nve-sys-interaction-field-background-300",
    "value": "nve-sys-interaction-background-300",
    "type": "color",
    "description": "Use for elevated form input backgrounds"
  },
  {
    "name": "nve-sys-interaction-highlighted-color",
    "value": "nve-sys-interaction-color",
    "type": "color",
    "description": "Use for text color in highlighted interactive elements"
  },
  {
    "name": "nve-sys-interaction-hover-color",
    "value": "nve-sys-text-emphasis-color",
    "type": "color",
    "description": "Use for text color when hovering over interactive elements"
  },
  {
    "name": "nve-sys-interaction-hover-background",
    "value": "nve-sys-interaction-background",
    "type": "color",
    "description": "Use for background color when hovering over interactive elements"
  },
  {
    "name": "nve-sys-interaction-selected-color",
    "value": "nve-sys-text-emphasis-color",
    "type": "color",
    "description": "Use for text color in selected interactive elements"
  },
  {
    "name": "nve-sys-interaction-selected-background",
    "value": "nve-sys-interaction-background",
    "type": "color",
    "description": "Use for background color in selected interactive elements"
  },
  {
    "name": "nve-sys-interaction-state-base",
    "value": "nve-sys-interaction-background",
    "type": "color",
    "description": "Use as the base color when computing dynamic interaction states"
  },
  {
    "name": "nve-sys-layer-canvas-color",
    "value": "nve-sys-text-color",
    "type": "color",
    "description": "Use for text color on the page body background"
  },
  {
    "name": "nve-sys-layer-shell-color",
    "value": "nve-sys-text-color",
    "type": "color",
    "description": "Use for text color on the application shell"
  },
  {
    "name": "nve-sys-layer-container-color",
    "value": "nve-sys-text-color",
    "type": "color",
    "description": "Use for text color on container surfaces"
  },
  {
    "name": "nve-sys-layer-overlay-color",
    "value": "nve-sys-text-color",
    "type": "color",
    "description": "Use for text color on overlay surfaces"
  },
  {
    "name": "nve-sys-scrollbar-thumb-color",
    "value": "nve-ref-border-color-muted",
    "type": "color",
    "description": "Use for scrollbar thumb color in scrollable containers"
  }
]