{
  "color": {
    "background": {
      "neutral": {
        "minimal": {
          "value": "{color.core.white}",
          "description": "Minimal neutral background. Used for the background area of your app and UI components like cards, inputs etc."
        },
        "subtle": {
          "value": "{color.core.gray5}",
          "description": "Subtle neutral background. Used for the background of your app, e.g. when you create a card-based layout."
        },
        "moderate": {
          "value": "{color.core.gray10}",
          "description": "Moderate neutral background. Used for the background area of components that should stand out somewhat against minimal neutral surfaces."
        },
        "@": {
          "value": "{color.core.gray20}",
          "description": "Default neutral background."
        },
        "bold": {
          "value": "{color.core.gray60}",
          "description": "Bold neutral background."
        },
        "strong": {
          "@": {
            "value": "{color.core.gray80}",
            "description": "Strong neutral background."
          },
          "hover": {
            "value": "{color.core.gray90}",
            "description": "Strong neutral background hover state."
          },
          "active": {
            "value": "{color.core.gray100}",
            "description": "Strong neutral background active state."
          }
        },
        "contrast": {
          "value": "{color.core.gray100}",
          "description": "Contrast neutral background. Used for backgrounds of components that should stand out from the rest of the content, such as app header or tooltips."
        }
      },
      "accent": {
        "subtle": {
          "@": {
            "value": "{color.core.solarMist20}",
            "description": "Subtle accent background."
          },
          "hover": {
            "value": "{color.core.solarMist30}",
            "description": "Subtle accent background hover state."
          },
          "active": {
            "value": "{color.core.solarMist40}",
            "description": "Subtle accent background active state."
          }
        },
        "@": {
          "value": "{color.core.solarMist30}",
          "description": "Default accent background."
        },
        "hover": {
          "value": "{color.core.solarMist40}",
          "description": "Default accent background hover state."
        },
        "active": {
          "value": "{color.core.solarMist50}",
          "description": "Default accent background active state."
        },
        "bold": {
          "value": "{color.core.solarMist60}",
          "description": "Bold accent background."
        },
        "strong": {
          "value": "{color.core.solarMist80}",
          "description": "Strong accent background."
        }
      },
      "danger": {
        "subtle": {
          "@": {
            "value": "{color.core.red5}",
            "description": "Subtle danger background."
          },
          "hover": {
            "value": "{color.core.red10}",
            "description": "Subtle danger background hover state."
          },
          "active": {
            "value": "{color.core.red20}",
            "description": "Subtle danger background active state."
          }
        },
        "@": {
          "value": "{color.core.red10}",
          "description": "Default danger background."
        },
        "hover": {
          "value": "{color.core.red20}",
          "description": "Default danger background hover state."
        },
        "active": {
          "value": "{color.core.red30}",
          "description": "Default danger background active state."
        },
        "bold": {
          "@": {
            "value": "{color.core.red70}",
            "description": "Bold danger background."
          },
          "hover": {
            "value": "{color.core.red80}",
            "description": "Bold danger background hover state."
          },
          "active": {
            "value": "{color.core.red90}",
            "description": "Bold danger background active state."
          }
        },
        "strong": {
          "@": {
            "value": "{color.core.red80}",
            "description": "Strong danger background state."
          },
          "hover": {
            "value": "{color.core.red90}",
            "description": "Strong danger background hover state."
          },
          "active": {
            "value": "{color.core.red100}",
            "description": "Strong danger background active state."
          }
        }
      },
      "warning": {
        "subtle": {
          "@": {
            "value": "{color.core.yellow5}",
            "description": "Subtle warning background."
          },
          "hover": {
            "value": "{color.core.yellow10}",
            "description": "Subtle warning background hover state."
          },
          "active": {
            "value": "{color.core.yellow20}",
            "description": "Subtle warning background active state."
          }
        },
        "@": {
          "value": "{color.core.yellow10}",
          "description": "Default warning background."
        },
        "hover": {
          "value": "{color.core.yellow20}",
          "description": "Default warning background hover state."
        },
        "active": {
          "value": "{color.core.yellow30}",
          "description": "Default warning background active state."
        },
        "bold": {
          "@": {
            "value": "{color.core.yellow70}",
            "description": "Bold warning background."
          },
          "hover": {
            "value": "{color.core.yellow80}",
            "description": "Bold warning background hover state."
          },
          "active": {
            "value": "{color.core.yellow90}",
            "description": "Bold warning background active state."
          }
        },
        "strong": {
          "@": {
            "value": "{color.core.yellow80}",
            "description": "Strong warning background state."
          },
          "hover": {
            "value": "{color.core.yellow90}",
            "description": "Strong warning background hover state."
          },
          "active": {
            "value": "{color.core.yellow100}",
            "description": "Strong warning background active state."
          }
        }
      },
      "success": {
        "subtle": {
          "@": {
            "value": "{color.core.green5}",
            "description": "Subtle success background."
          },
          "hover": {
            "value": "{color.core.green10}",
            "description": "Subtle success background hover state."
          },
          "active": {
            "value": "{color.core.green20}",
            "description": "Subtle success background active state."
          }
        },
        "@": {
          "value": "{color.core.green10}",
          "description": "Default success background."
        },
        "hover": {
          "value": "{color.core.green20}",
          "description": "Default success background hover state."
        },
        "active": {
          "value": "{color.core.green30}",
          "description": "Default success background active state."
        },
        "bold": {
          "@": {
            "value": "{color.core.green70}",
            "description": "Bold success background."
          },
          "hover": {
            "value": "{color.core.green80}",
            "description": "Bold success background hover state."
          },
          "active": {
            "value": "{color.core.green90}",
            "description": "Bold success background active state."
          }
        },
        "strong": {
          "@": {
            "value": "{color.core.green80}",
            "description": "Strong success background state."
          },
          "hover": {
            "value": "{color.core.green90}",
            "description": "Strong success background hover state."
          },
          "active": {
            "value": "{color.core.green100}",
            "description": "Strong success background active state."
          }
        }
      },
      "info": {
        "subtle": {
          "@": {
            "value": "{color.core.aqua5}",
            "description": "Subtle info background."
          },
          "hover": {
            "value": "{color.core.aqua10}",
            "description": "Subtle info background hover state."
          },
          "active": {
            "value": "{color.core.aqua20}",
            "description": "Subtle info background active state."
          }
        },
        "@": {
          "value": "{color.core.aqua10}",
          "description": "Default info background."
        },
        "hover": {
          "value": "{color.core.aqua20}",
          "description": "Default info background hover state."
        },
        "active": {
          "value": "{color.core.aqua30}",
          "description": "Default info background active state."
        },
        "bold": {
          "@": {
            "value": "{color.core.aqua70}",
            "description": "Bold info background."
          },
          "hover": {
            "value": "{color.core.aqua80}",
            "description": "Bold info background hover state."
          },
          "active": {
            "value": "{color.core.aqua90}",
            "description": "Bold info background active state."
          }
        },
        "strong": {
          "@": {
            "value": "{color.core.aqua80}",
            "description": "Strong info background state."
          },
          "hover": {
            "value": "{color.core.aqua90}",
            "description": "Strong info background hover state."
          },
          "active": {
            "value": "{color.core.aqua100}",
            "description": "Strong info background active state."
          }
        }
      },
      "disabled": {
        "@": {
          "value": "{color.core.gray20}",
          "description": "Disabled background."
        },
        "subtle": {
          "value": "{color.core.gray10}",
          "description": "Subtle disabled background."
        }
      }
    },
    "foreground": {
      "neutral": {
        "@": {
          "value": "{color.core.gray90}",
          "description": "Default neutral foreground. Used for primary, high-contrast text."
        },
        "moderate": {
          "value": "{color.core.gray80}",
          "description": "Moderate neutral foreground. Used for secondary text."
        },
        "subtle": {
          "value": "{color.core.gray60}",
          "description": "Subtle neutral foreground. Used for tertiary, low-contrast text."
        },
        "minimal": {
          "value": "{color.core.gray40}",
          "description": "Minimal neutral foreground. Used for disabled text."
        }
      },
      "accent": {
        "@": {
          "value": "{color.core.solarMist100}",
          "description": "Default accent foreground."
        },
        "moderate": {
          "value": "{color.core.solarMist90}",
          "description": "Moderate accent foreground."
        },
        "subtle": {
          "value": "{color.core.solarMist80}",
          "description": "Subtle accent foreground."
        }
      },
      "danger": {
        "@": {
          "value": "{color.core.red100}",
          "description": "Default danger foreground."
        },
        "moderate": {
          "value": "{color.core.red80}",
          "description": "Moderate danger foreground."
        },
        "subtle": {
          "value": "{color.core.red70}",
          "description": "Subtle danger foreground."
        }
      },
      "warning": {
        "@": {
          "value": "{color.core.yellow100}",
          "description": "Default warning foreground."
        },
        "moderate": {
          "value": "{color.core.yellow90}",
          "description": "Moderate warning foreground."
        },
        "subtle": {
          "value": "{color.core.yellow70}",
          "description": "Subtle warning foreground."
        },
        "inverse": {
          "value": "{color.core.gray100}",
          "description": "Inverse warning foreground. Used on strong warning background for optimal contrast."
        }
      },
      "success": {
        "@": {
          "value": "{color.core.green100}",
          "description": "Default success foreground."
        },
        "moderate": {
          "value": "{color.core.green80}",
          "description": "Moderate success foreground."
        },
        "subtle": {
          "value": "{color.core.green70}",
          "description": "Subtle success foreground."
        }
      },
      "info": {
        "@": {
          "value": "{color.core.aqua100}",
          "description": "Default info foreground."
        },
        "moderate": {
          "value": "{color.core.aqua80}",
          "description": "Moderate info foreground."
        },
        "subtle": {
          "value": "{color.core.aqua70}",
          "description": "Subtle info foreground."
        }
      },
      "disabled": {
        "@": {
          "value": "{color.core.gray40}",
          "description": "Disabled foreground."
        },
        "subtle": {
          "value": "{color.core.gray30}",
          "description": "Subtle disabled foreground."
        }
      },
      "inverse": {
        "value": "{color.core.white}",
        "description": "Inverse foreground. Used for text on strong backgrounds."
      }
    },
    "border": {
      "neutral": {
        "subtle": {
          "value": "{color.core.gray20}",
          "description": "Subtle neutral border."
        },
        "moderate": {
          "value": "{color.core.gray30}",
          "description": "Moderate neutral border."
        },
        "@": {
          "value": "{color.core.gray40}",
          "description": "Default neutral border."
        },
        "bold": {
          "value": "{color.core.gray70}",
          "description": "Bold neutral border."
        },
        "contrast": {
          "value": "{color.core.gray100}",
          "description": "Contrast neutral border."
        }
      },
      "accent": {
        "@": {
          "value": "{color.core.solarMist50}",
          "description": "Default accent border."
        },
        "hover": {
          "value": "{color.core.solarMist60}",
          "description": "Default accent border hover state."
        },
        "active": {
          "value": "{color.core.solarMist70}",
          "description": "Default accent border active state."
        },
        "bold": {
          "value": "{color.core.solarMist80}",
          "description": "Bold accent border."
        },
        "strong": {
          "value": "{color.core.solarMist90}",
          "description": "Strong accent border."
        }
      },
      "danger": {
        "@": {
          "value": "{color.core.red30}",
          "description": "Default danger border."
        },
        "bold": {
          "value": "{color.core.red80}",
          "description": "Bold danger border."
        },
        "strong": {
          "value": "{color.core.red90}",
          "description": "Strong danger border."
        }
      },
      "warning": {
        "@": {
          "value": "{color.core.yellow50}",
          "description": "Default warning border."
        },
        "bold": {
          "value": "{color.core.yellow80}",
          "description": "Bold warning border."
        },
        "strong": {
          "value": "{color.core.yellow90}",
          "description": "Strong warning border."
        }
      },
      "success": {
        "@": {
          "value": "{color.core.green40}",
          "description": "Default success border."
        },
        "bold": {
          "value": "{color.core.green80}",
          "description": "Bold success border."
        },
        "strong": {
          "value": "{color.core.green90}",
          "description": "Strong success border."
        }
      },
      "info": {
        "@": {
          "value": "{color.core.aqua40}",
          "description": "Default info border."
        },
        "bold": {
          "value": "{color.core.aqua80}",
          "description": "Bold info border."
        },
        "strong": {
          "value": "{color.core.aqua90}",
          "description": "Strong info border."
        }
      },
      "disabled": {
        "@": {
          "value": "{color.core.gray20}",
          "description": "Disabled border."
        },
        "subtle": {
          "value": "{color.core.gray10}",
          "description": "Subtle disabled border."
        }
      },
      "inverse": {
        "value": "{color.core.white}",
        "description": "Inverse border. Used for borders on strong backgrounds.",
        "alpha": 0.85
      }
    }
  }
}